/*
Theme Name: HoneyPets
Theme URI: https://kovgen.com/themes/HoneyPets/
Author: the Kovgen team
Author URI: https://kovgen.com/
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: honeypets
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
.cat_icon svg {
    width: 30px;
    height: 30px;
}
.cat_icon svg {
    width: 25px;
    height: 25px;
    margin-top: -32px;
    margin-left: -6px;
}
body .modal {
    max-width: fit-content;
}
h1.site-title {
    font-size: 25px;
}
ul {
    margin-left: 15px;
    padding-left: 5px;
    margin-top: 15px;
    margin-bottom: 15px;
}
body .modal a.close-modal {
    top: 4.5px;
    right: 7.5px;
}
.site_logo {
    width: 71px;
}
.swith_group {
    display: grid;
    grid-template-columns: 85px calc(100% - 86px);
    margin-bottom: 10px;
}
.single_cat_home {
    padding: 5px;
    border-radius: 10px;
    box-shadow: -2px 2px 9px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: -2px 2px 9px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -2px 2px 9px 0px rgba(0,0,0,0.75);
    }
body {
    padding: 0;
    margin: 0;
    font-family: "Playwrite AU QLD", cursive;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-variation-settings:"slnt" 0;
}
header#masthead {
    background: linear-gradient(to right, rgb(182, 244, 146), rgb(51, 139, 147));
    padding: 15px 0;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.28);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.28);
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.28);
}
div#main,.max_with {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 15px;
}
hgroup {
    display: flex;
    vertical-align: middle;
    height: 125px;
    position: relative;
}
.lang_nav {
    position: absolute;
    right: 0;
}
.home_pet_section {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    column-gap: 15px;
    row-gap: 15px;
    text-align: center;
    padding: 25px 0;
}
.pointer {
    cursor: pointer;
}
.image_pre_post {
    width: 100%;
    height: 250px;
    background-size: cover;
    background-position: center;
}
.content_slim p {
    display: contents;
}
.post_preview {
    grid-template-columns: 15% 85%;
    display: grid;
    column-gap: 25px;
    margin-bottom: 25px;
}
.cat_icon {
    height: 35px;
    width: 35px;
    border: 1px dashed;
    border-radius: 50%;
    padding: 10px;
    float: left;
}
.fixed_help {
    background: #e376e7;
    color: white;
}
.fixed_help a {
    color: white;
    font-weight: bold;
    text-align: center;
    font-size: 27px;
    display: block;
}
.featured_image {
    width: 50%;
    height: 350px;
    background-size: cover;
    background-position: center;
    float: left;
    margin: 25px;
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75);
}
h1.title_posts {
   border-bottom: 1px solid #3b9193;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 25px;
    font-size: 22px;
    display: flex;
}
h1.title_posts:after {
    content: '';
    position: absolute;
    height: 3px;
    width: 50px;
    bottom: -1px;
    left: 0;
    z-index: 1;
    background: #e376e7;
}
span.entery_name {
    line-height: 53px;
}
.login_user_group {
    color: white;
    font-size: 18px;
    line-height: 124px;
    text-align: center;
    margin-left: auto;
}
.login_user_group a {
    color: white;
    text-decoration: underline;
}
.img_prew {
    width: 100%;
    height: 179px;
    background-size: cover;
    background-position: center;
}
ul.list_of_breeds li:after {
    content: '';
    display: block;
    clear: both;
}
span.title_news {
    background: #e476e8;
    display: block;
    height: 48px;
    color: white;
    line-height: 20px;
}
div#ex1 {
    max-width: 90%;
    max-height: 80vh;
}

li.sections_news {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: -2px 2px 9px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: -2px 2px 9px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -2px 2px 9px 0px rgba(0,0,0,0.75);
}
nav#pets-navigation a {
    color: white;
    font-weight: 700;
    font-size: 18px;
}
ul.list_of_breeds a {
    font-size: 20px;
    text-align: center;
    /* padding: 5px 0; */
    display: block;
}
ul.list_of_breeds li {
    border-radius: 7px;
    overflow: hidden;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.3);
    transition: all 0.3s ease-out;
}
ul.list_of_breeds li:hover {
    -webkit-box-shadow: 7px 7px 7px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 7px 7px 7px 0px rgba(0,0,0,0.3);
    box-shadow: 7px 7px 7px 0px rgba(0,0,0,0.3);
}
.content_slim h3 {
    background-color: #e376e7;
    color: white;
    padding: 7px;
    border-radius: 5px;
}
.pets_general h2 {
    background: linear-gradient(to right, rgb(182, 244, 146), rgb(51, 139, 147));
    padding: 5px 0;
    text-align: center;
    color: white;
    -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.28);
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.28);
    margin-bottom: 25px;
    border-radius: 7px;
}
.breadcrumbs {
    text-align: center;
    margin-top: -5px;
    margin-bottom: 15px;
    display: block;
    width: fit-content;
    margin: -5px auto 15px auto;
}

.swith_selector {
    width: 62px;
    height: 33px;
    position: relative;
}
.pets_heading {
    display: grid;
    grid-template-columns: 25% 75%;
    margin-bottom: 15px;
}
ul.list_of_breeds span {
    padding: 10px 0;
    display: block;
    background: #e376e7;
    color: white;
    font-weight: 700;
}
nav#pets-navigation {
    margin: 52px 0;
}
.cat_icon svg {
    max-height: 129px;
}
footer#colophon {
    margin-top: 25px;
    padding: 25px 0;
    -webkit-box-shadow: -5px -5px 5px 0px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: -5px -5px 5px 0px rgba(0, 0, 0, 0.28);
    box-shadow: -5px -5px 5px 0px rgba(0, 0, 0, 0.28);
    background: linear-gradient(to left, rgb(182, 244, 146), rgb(51, 139, 147));
}
.site-info {
    text-align: center;
    padding: 5px 0;
}
.content_area {
    padding: 25px 0;
}
.news_row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 15px;
}
img {
    max-width: 100%;
}
a {
    color: green;
    text-decoration: none;
}
.menu li {
    float: left;
    margin-left: 25px;
    text-decoration: none;
    list-style-type: none;
}
.menu:after {
    content: '';
    clear: both;
    display: block;
}
.menu {
    text-align: center;
    width: auto;
    margin: 0 auto;
    display: table;
}
.pets_description {
    margin-top: 25px;
}
ul.list_of_breeds {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 25px;
    row-gap: 25px;
}
.title_group {
    padding: 25px;
}
span.site-slogan {
    font-family: cursive;
    color: #e376e7;
    background: white;
    padding: 3px 10px;
    border-radius: 8px;
    display: block;
    text-align: center;
}
ul.list_of_breeds::after {
    content: '';
    clear: both;
    display: block;
} 
.content_slim {
    margin: 5px 0 15px 0;
}
.timeline_smal_insert {
    float: right;
    display: block;
    margin: 10px;
    max-width: 250px;
    background: #80808017;
    padding: 10px;
    border-radius: 5px;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(133,133,133,1);
    -moz-box-shadow: 5px 5px 5px 0px rgba(133,133,133,1);
    box-shadow: 5px 5px 5px 0px rgba(133,133,133,1);
}
.characteristic_group {
    margin-bottom: 15px;
    font-weight: 600;
}
h3 {
    margin-bottom: 10px;
}
ul {
    list-style-type: none;
}
h3.underline:after {
    content: '';
    position: absolute;
    height: 3px;
    width: 50px;
    bottom: -1px;
    left: 0;
    z-index: 1;
    background: #a6e792;
}
.latest_news ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 15px;
}
h3.underline {
    border-bottom: 1px solid #e376e7;
    position: relative;
    padding-bottom: 8px;
    margin-bottom: 25px;
    margin-top: 15px;
    color: #e476e8;
    font-size: 22px;
}
.column_featured_image {
    height: 227px;
    margin: 0 auto;
    background-size: cover;
    background-position: center;
}
.latest_news {
    text-align: center;
}
h2.underline {
    border-bottom: 1px solid #e376e7;
    position: relative;
    padding-bottom: 8px;
    margin-bottom: 25px;
    margin-top: 15px;
    color: #e476e8;
    font-size: 26px;
}
h2.underline:after {
    content: '';
    position: absolute;
    height: 3px;
    width: 50px;
    bottom: -1px;
    left: 0;
    z-index: 1;
    background: #a6e792;
}
.foot_row {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.pets_image {
    text-align: center;
        margin: 15px;
}
.pets_image_inblock {
    width: 150px;
    height: 150px;
    background-size: cover;
    background-position: center;
}
.look_more ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    margin: 25px 0;
    text-align: center;
}
.look_more ul li {
    text-align: center;
    margin: auto;
}

.checkbox-container {            
    display: flex;            
    align-items: center;            
    margin: 10px 0;        
}        
.checkbox {            
    display: none; /* Скрываем стандартный чекбокс */        
}        
.checkbox-label {            
    position: relative;            
    cursor: pointer;            
    padding-left: 30px;            
    font-size: 18px;            
    user-select: none;        
}        
.checkbox-label:before {            
    content: '';            
    position: absolute;            
    left: 0;            
    top: 50%;            
    transform: translateY(-50%);            
    width: 20px;            
    height: 20px;            
    border: 2px solid #4CAF50;            
    border-radius: 4px;            
    background-color: white;        
}        
.checkbox:checked + .checkbox-label:before {            
    background-color: #4CAF50;            
    border-color: #4CAF50;        
}        
.checkbox:checked + .checkbox-label:after {            
    content: '';            
    position: absolute;            
    left: 6px;            
    top: 12px;            
    width: 6px;            
    height: 12px;            
    border: solid white;            
    border-width: 0 2px 2px 0;            
    transform: rotate(45deg);        
}

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}

.modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
div#myModal {
    position: absolute;
    margin-left: auto;
    left: 15%;
    right: 15%;
    margin-right: auto;
    width: 70%;
    height: 100vh;
}
a.button {
    text-decoration: none;
    font-size: 14px;
}

/* CSS */
.button {
  margin: 10px;
  padding: 7px 15px;
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;
  border-radius: 10px;
  border: 0px;
  font-weight: 700;
  box-shadow: 0px 0px 14px -7px #f09819;
  background-image: linear-gradient(45deg, #FF512F 0%, #F09819  51%, #FF512F  100%);
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button:hover {
  background-position: right center;
  /* change the direction of the change here */
  color: #fff;
  text-decoration: none;
}

.button:active {
  transform: scale(0.95);
}

.lang_nav ul {
    display: inline-flex;
}
.lang_nav li {
    margin-left: 15px;
}


@media (prefers-reduced-motion: reduce) {
    * {
      animation: none !important;
      transition-duration: 0.001s !important;
    }
  }

  

  .modal {
    height: auto;
  }

  
 .home_pet_section a {
    display: inline;
    line-height: 18px;
    vertical-align: middle;
}


@media screen and (max-width: 900px) {
    .post_preview {
        display: block;
    }
.site_logo {
    float: left;
}
h1.site-title a {
    font-size: 0.8em;
}
span.site-slogan {
    display: flex;
    }
hgroup {
    display: block;
    height: auto;
}
ul.slick-dots {
    bottom: -60px;
}
.latest_news ul {
    display: block;
}
.look_more ul {
    display: block;
}
.column_featured_image {
    max-width: 100%;
}    
.pets_image_inblock {
    width: 100%;
}
.home_pet_section {
    grid-template-columns: 1fr 1fr;
}

ul.list_of_breeds {
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 25px;
    row-gap: 25px;
    padding-left: 0;
    margin-left: 0;
}
.pets_heading {
    display: block;
}

header#masthead .max_with {
    display: block;
}
h1.site-title {
    font-size: 28px;
}
nav#pets-navigation {
    margin: 15px 0;
}
}


#map2 {
    width: 100% !important;
    height: 550px !important;
}

span.bolder_title {
    font-weight: 800;
}


.form-v2-content  {
	background: #fff;
	width: 851px;
	border-radius: 15px;
	-o-border-radius: 15px;
	-ms-border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	margin: 0;
	position: relative;
	display: flex;
	display: -webkit-flex;
}
.form-v2-content .form-detail {
    padding: 20px 40px 20px 40px;
	position: relative;
	width: 100%;
}
.form-v2-content .form-detail h2 {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	color: #333;
	font-size: 28px;
	position: relative;
	padding: 6px 0 0;
	margin-bottom: 25px;
}
.form-v2-content .form-row {
    width: 100%;
    position: relative;
}
.form-v2-content .form-detail label {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #666;
	display: block;
	margin-bottom: 11px;
}
.form-v2-content .form-detail .form-row label#valid {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #53c83c;
}
.form-v2-content .form-detail .form-row label#valid::after {
	content: "";
    position: absolute;
    left: 5px;
    top: 1px;
    width: 3px;
    height: 8px;
    border: 1px solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
.form-v2-content .form-detail .form-row label.error {
	padding-left: 0;
	margin-left: 0;
    display: block;
    position: absolute;
    bottom: -10px;
    width: 100%;
    background: none;
    color: red;
}
.form-v2-content .form-detail .form-row label.error::after {
    content: "\f343";
    font-family: "LineAwesome";
    position: absolute;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    right: 10px;
    top: -31px;
    color: red;
    font-size: 18px;
    font-weight: 900;
}
.form-v2-content .form-detail .input-text {
	margin-bottom: 27px;
}
.form-v2-content .form-detail input {
	width:100%;
    padding: 25.5px 15px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    appearance: unset;
    -moz-appearance: unset;
    -webkit-appearance: unset;
    -o-appearance: unset;
    -ms-appearance: unset;
    outline: none;
    -moz-outline: none;
    -webkit-outline: none;
    -o-outline: none;
    -ms-outline: none;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #333;
}
.form-v2-content .form-detail .form-row input:focus {
	border: 1px solid #53c83c;
}
.form-v2-content .form-detail input[type="radio"] {
	outline: none;
    -moz-outline: none;
    -webkit-outline: none;
    -o-outline: none;
    -ms-outline: none;
    -o-appearance: none;
    -ms-appearance: none;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
  	width: 20px;
  	height: 20px;
  	padding:  4px;
  	background-clip: content-box;
  	border: 1px solid #e5e5e5;
  	background-color: #fff;
  	border-radius: 50%;
  	-o-border-radius: 50%;
  	-ms-border-radius: 50%;
  	-moz-border-radius: 50%;
  	-webkit-border-radius: 50%;
  	cursor: pointer;
  	float: left;
  	margin-top: 0;
}
.form-v2-content .form-detail .form-checkbox {
	width: 80%;
	margin-top: -17px;
	position: relative;
}
.form-v2-content .form-detail .form-checkbox input {
    position: absolute;
    opacity: 0;
}
.form-v2-content .form-detail .form-checkbox .checkmark {
    position: absolute;
    top: 20px;
    left: 0;
    height: 15px;
    width: 15px;
    border: 1px solid #ccc;
    cursor: pointer;
}
.form-v2-content .form-detail .form-checkbox .checkmark::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 1px;
    width: 3px;
    height: 8px;
    border: 1px solid #385cb9;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    display: none;
}
.form-v2-content .form-detail .form-checkbox input:checked ~ .checkmark::after {
    display: block;
}
.form-v2-content .form-detail .form-checkbox p {
    margin-left: 35px;
    color: #666;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    line-height: 1.67;
}
.form-v2-content .form-detail .form-checkbox a {
	font-weight: 500;
	color: #385cb9;
	text-decoration: underline;
}
.form-v2-content .form-detail .register {
	background: #3b63ca;
	border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	width: 160px;
	border: none;
	margin: 6px 0 50px 0px;
	cursor: pointer;
	font-family: 'Roboto', sans-serif;
	color: #fff;
	font-weight: 500;
	font-size: 16px;
}
.form-v2-content .form-detail .register:hover {
	background: #3356b0;
}
.form-v2-content .form-detail .form-row-last input {
	padding: 15.5px;
}
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999;
  font-size: 14px;
}
input::-moz-placeholder { /* Firefox 19+ */
  color: #999;
  font-size: 14px;
}
input:-ms-input-placeholder { /* IE 10+ */
  color: #999;
  font-size: 14px;
}
input:-moz-placeholder { /* Firefox 18- */
  color: #999;
  font-size: 14px;
}
span.text_description {
    margin-bottom: 28px;
    display: block;
    border-bottom: 1px solid green;
}

/* Responsive */
@media screen and (max-width: 991px) {
	.form-v2-content {
		margin: 180px 20px;
		flex-direction:  column;
		-o-flex-direction:  column;
		-ms-flex-direction:  column;
		-moz-flex-direction:  column;
		-webkit-flex-direction:  column;
	}

	.form-v2-content .form-detail {
		padding: 30px 20px 30px 20px;
	    width: auto;
	}
	.form-v2-content .form-detail .form-row input {
		width: 95%;
	}
	.form-v2-content .form-detail .form-checkbox {
		width: 100%;
	}
}
@media screen and (max-width: 575px) {
	.form-v2-content .form-detail .form-row input {
		width: 89.5%;
	}
}


/* Hide the default checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* Style the slider background */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
}

/* Style the slider button */
.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: .4s;
}

/* Change background color when checked */
input:checked + .slider {
  background-color: #2196F3;
}

/* Move the slider button when checked */
input:checked + .slider:before {
  transform: translateX(26px);
}

/* Rounded corners for slider and button */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}