/*
Theme Name: Tetra Agro
Author: Ruslan Ratych
Version: 1.0
*/

html body .body-wrapper footer .container{padding-top:15px}article{padding:40px 30px 0 30px}article h1{font-size:1.66666667em;color:#292929;font-weight:550;text-align:center;padding:0 0 15px 0}article h2{font-size:1.35em;font-weight:450;text-indent:2em;padding:15px 0}article p{line-height:1.5;text-align:justify;text-indent:1.5em}article b{font-weight:420}article a{color:#e4c425}html body .body-wrapper section .content-container .main-wide-block .home-page-block .l-title h3{font-size:1.66666667em;color:#292929;font-weight:400;text-align:center}html body .body-wrapper section .content-container .main-wide-block .home-page-block .advantage-wide-block .a-title h3{padding:55px 10px 5px;font-weight:600;font-size:1.66666667em;text-align:center;text-transform:uppercase;letter-spacing:1px}html body .body-wrapper section .content-container .main-wide-block .home-page-block .post-wide-block .same-wide-content .s-title h4{display:block;font-size:1.22222222em}html body .body-wrapper section .content-container .main-wide-block .home-page-block .post-wide-block .same-wide-content .s-title h4 a{display:block;padding:5px 10px 20px 15px;font-weight:500;color:rgba(41,41,41,.9)}@media screen and (max-width:576px){html body .body-wrapper section .content-container .main-wide-block .home-page-block .advantage-wide-block ul.a-list li{height:300px!important;width:300px!important}html body .body-wrapper section .content-container .main-wide-block .home-page-block .advantage-wide-block ul.a-list li .a-list-icon{margin-top:75px!important;background-size:90px!important;flex:0 0 90px!important}html body .body-wrapper section .content-container .main-wide-block .home-page-block .advantage-wide-block ul.a-list li .a-list-title{font-size:2.22222222em!important}html body .body-wrapper section .content-container .main-wide-block .home-page-block .advantage-wide-block ul.a-list li .a-list-content{font-size:1.26em!important}article{padding:20px 10px 0 10px}}@media screen and (max-width:768px) and (min-width:577px){html body .body-wrapper section .content-container .main-wide-block .home-page-block .advantage-wide-block ul.a-list li .a-list-icon{margin-top:40px!important}}

.body-wrapper { min-width: 320px;}
img { max-width: 100%; height: auto;}
.text-center { text-align: center;}

.button { display: inline-block; padding: 16px 25px; line-height: 1; background-color: #565656; color: #fff; font-size: .9444444444em; text-align: center; text-decoration: none;}
.button:hover { background: #292929; color: #fff;}

/* header */
.logo-block { position: relative;}
.header-search { position: absolute; right:0; bottom:15px;}
.search-form { position: relative; width: 260px;}
.search-form .input-search { display: block; width: 100%; padding:12px 50px 12px 15px; height: 46px; border: 1px solid #efefef; font-weight: 300; font-size: 1rem; line-height: 20px; border-radius: 3px; transition: .15s;}
.search-form:hover .input-search, .search-form .input-search:focus { border-color: #d2d2d2;}
.search-form .submit-search { position: absolute; top:0; right:0; height: 100%; width: 46px; line-height: 46px; background: none; border:none; box-shadow: none; color:rgba(41,41,41,0.8); font-size: 0.875rem; cursor: pointer; z-index: 1;}
.search-form .submit-search:hover { color:#292929;}

.breadcrumbs { margin: 0 2.5%; padding: 5px 20px 0; line-height: 1.2; margin-bottom: 10px;}
.breadcrumbs a:hover { text-decoration: underline; color:#3498db;}

.main-bestsellers { margin-top: 30px; margin-bottom: 20px;}

/* content */
.main-wide-block .entry-content {
    --margin: 24px;
}
.entry-content { line-height: 1.8;}
.entry-content:after { content:''; clear: both; display: table;}
.main-wide-block .entry-content p { margin:0 0 var(--margin);}
.main-wide-block .entry-content h2, .main-wide-block .entry-content h3, .main-wide-block .entry-content h4 { margin:var(--margin) 0 1rem; font-weight: 400;}
.main-wide-block .entry-content h2:first-child, .main-wide-block .entry-content h3:first-child, .article-page-block .entry-content h4:first-child { margin-top: 0;}
.main-wide-block .entry-content h2 { font-size: 1.4rem; line-height: 1.2;}
.main-wide-block .entry-content h3 { font-size: 1.2rem; line-height: 1.25;}
.main-wide-block .entry-content h4 { font-size: 1rem;}
.main-wide-block .entry-content h5 { font-size: 0.9rem; font-weight: 600; margin:var(--margin) 0 1rem;}
.main-wide-block .entry-content h6 { font-size: 0.85rem; font-weight: 600; margin:var(--margin) 0 1rem;}
.main-wide-block .entry-content ul, .article-page-block .entry-content ol { display: block; width: auto; padding: 0 0 0 18px; margin-bottom:var(--margin);}
.main-wide-block .entry-content ul { list-style: square;}
.main-wide-block .entry-content ol { list-style: decimal;}
.main-wide-block .entry-content ul li, .main-wide-block .entry-content ol li { position: relative; text-align: left; margin-bottom: 8px;}
.main-wide-block .entry-content ul li span { padding: 0; display: inline; font-weight: inherit;}
.main-wide-block .entry-content hr { margin:var(--margin) 0;}
.main-wide-block .entry-content img { margin-bottom: var(--margin);}
.main-wide-block .article-content table { width: 100%; margin:var(--margin) 0;}
.scroll-y { height: auto; overflow-y: auto; width: 100%; margin-bottom:var(--margin); padding-bottom: 4px;}
.scroll-y table { margin:0 !important;}
.entry-content .alignleft { float:left; margin: 5px var(--margin) var(--margin) 0;}
.entry-content .alignright { float:right; margin: 5px 0 var(--margin) var(--margin);}
.entry-content .aligncenter { display: block; margin:var(--margin) auto;}
.entry-content a { color: #2980b9;}
.entry-content a:hover { text-decoration: underline;}
.entry-content > :last-child, .main-wide-block .entry-content > :last-child { margin-bottom: 0;}
.article-page-block .article-content ul.d-ul-table { padding: 0; list-style: none; overflow: auto; max-width: 100%; align-items: stretch;}
.article-page-block .article-content ul.d-ul-table li { list-style: none; margin: 0; margin-top:-1px; padding: 10px 20px; text-align: center; border-top: 1px solid #f1f1f1;}
.article-page-block .article-content ul.d-ul-table li em { font-size: 0.89em;}
.article-page-block .article-content ul.d-ul-table li:last-child { gap:5px;}
.article-page-block .article-content ul.d-ul-table li:last-child em { font-size: 1em; font-weight: 400;}
.article-page-block .article-info .a-date { width: auto; min-width: 320px; text-align: left; padding-left:48px; line-height: 1.25;}
.article-page-block .article-info .a-date strong { font-weight: 500;}
.single-author { display: flex; align-items: center; gap:18px;}
.single-author .author-avatar { width: 60px;}
.single-author .author-avatar img { display: block;}
.single-author .author-name { font-weight: 400;}
.author-box { display: flex; justify-content: center; align-items: center; gap:25px; padding:10px 50px 0; margin-bottom: 20px;}
.author-box .author-avatar { width: 200px; flex-shrink: 0; margin-bottom: auto;}
.author-box .author-entry { max-width: 440px;}
.author-box .author-head h1 { font-size: 1.25rem; line-height: 1.5; font-weight: 400;}
.author-box .author-description { margin-top: 15px;}
.author-box .author-socials { display: flex; flex-wrap:wrap; gap:18px; margin-top: 15px;}
.author-box .author-socials a { display: block; font-size: 22px; line-height: 22px; color:#292929; opacity: 0.8;}
.author-box .author-socials a:hover { opacity: 1;}
.author-box .author-socials svg { display: block; width: 20px; height: 20px; margin: 1px;}

.claps-toggle-text .claps-text-expand-button { text-align: right;}
.claps-toggle-text .claps-text-collapse-button { color:#e4c425;}
.claps-toggle-text .claps-text-collapse-button:hover { color:#2980b9}

.action-block .a-contacts p:last-child { margin-right: 0;}
.action-block .a-contacts p svg { display: block; width: 20px; height: 20px;}

.nav-block > ul li .sub-menu { display: none; width: auto; position: absolute; left:0; top:100%; background-color: #292929; border-top: none; border-radius: 0 0 4px 4px;}
.nav-block > ul li .sub-menu > li:not(:last-child) { border-bottom: 1px solid #383838;}
.nav-block > ul li .sub-menu a { display: block; color: #fff; height: 100%; width: 100%; line-height: 40px; text-align: left; font-weight: 300; padding: 0 15px 0 30px; white-space: nowrap;}
.nav-block > ul li .sub-menu a:hover { background-color: #383838;}
.main-menu li a .menu-arrow { display: none;}
@media screen and (min-width: 768px) {
    .nav-block > ul li:hover > .sub-menu { display: block;}
    .nav-block > .main-menu { display: flex !important;}
}

.advantage-wide-block .a-list .a-list-icon img { display: block; width: 80px; height: 80px; object-fit: contain; object-position: center; margin: 35px auto 0;}

/* single product */
.product-table { width: 100%; max-width: 500px; border-collapse: collapse; margin-bottom: 30px;}
.product-table th, .product-table td { border: 1px solid #ddd; padding: 8px; text-align: left; white-space: nowrap; }
.single-product-image { width: 300px; margin:0 auto 20px;}
.product-slider .fotorama__html .img-wrapper, .article-image .fotorama__html .img-wrapper { height: 100%; max-height: 100%;}
.product-slider .img-wrapper img, .article-image .img-wrapper img { width: 100%; height: 100%; object-fit: contain; object-position: center;}
.product-passport { text-align:center; font-size:1rem; font-weight:800; color: #2980b9; margin-bottom:1rem;}
.product-passport a:hover { text-decoration:none;}
.product-info-block div.info-main ul li span.feature-flex { justify-content: space-between;}
.product-info-block div.info-main ul li span .feature-flex-item { display: block; padding: 0 5px 0 0; width: auto; text-align: left; flex: auto;} 

/* products list */
.products-list { display: flex; flex-wrap: wrap; margin: 0 2.5%;}
.product-item-col { width: 50%; padding: 0 15px;}
.product-item { display: flex; border:1px solid #f1f1f1; height: calc(100% - 30px); padding: 15px; margin-bottom: 30px;}
.product-item .product-thumb { width: 200px; max-width: 40%; flex-shrink: 0; margin-right: 12px;}
.product-item .product-thumb img { display: block;}
.product-item .product-entry { display: flex; align-items: flex-start; flex-grow: 1; line-height: 1.25; flex-direction: column;}
.product-item .product-entry .button { margin-top: auto;}
.product-item .product-title { font-weight: 400; font-size: 1.25rem; margin-bottom: 12px;}
.product-packages { display: flex; flex-wrap: wrap; gap:12px; margin-bottom: 12px;}
.product-packages .package-badge { border:1px solid #f5d121; display: block; padding: 8px 9px 7px; font-size: .75rem; font-weight: 400; border-radius: 3px;}

.wp-pagenavi { width: 100%; margin: 30px auto; display: flex; flex-wrap: wrap; justify-content: center;}
div.wp-pagenavi a, div.wp-pagenavi span { border:none; display: block; background-color: #f8f8f8; color:#292929; font-weight: 400; border-radius: 2px; text-align: center; padding:15px 20px; margin:5px;}

/* cultures */
.cultures-wrapper { position: relative; padding: 0 40px; margin-bottom: 30px;}
.culture-item { width: 145px; text-align: center; font-weight: 500;}
.culture-item .item-thumb { display: block; margin-bottom:15px;}
.swiper-button-next, .swiper-button-prev { color:rgba(41,41,41,0.8);}
.swiper-button-next:hover, .swiper-button-prev:hover { color:#292929;}

/* contacts */
.contacts-block .contact-info .contacts-social { font-size: 22px; color: #292929; opacity: 0.8; margin-right: 15px;}
.contacts-block .contact-info .contacts-social:hover { color: #292929; opacity: 0.8;}
.contacts-block .contact-info .contacts-social svg { display: block; width: 20px; height: 20px;}

/* form */
.form-block .form-flex { flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; align-content: stretch; margin: 35px auto;}
.form-block .form-flex, .form-block .form-flex .form-group { display: flex; -webkit-box-orient: horizontal;}
.form-block .form-flex .form-group { flex: 1 1 50%; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; margin: 15px 0 5px;}
.form-block .form-label { display: block; width: 150px; text-align: right; margin: 0 15px 0 10px; color: #828282;}
.form-block .form-group .wpcf7-form-control-wrap { flex: 1;}
.form-block .input-text { width: 100%; flex: 1; display: block; padding: 0 15px; height: 50px; border: 1px solid #efefef; font-weight: 300; border-radius: 3px; transition: .15s;}
.form-block .input-text:focus, .wpcf7 .input-text:hover { border: 1px solid #d2d2d2; transition: .15s;}
.form-block textarea.input-text { padding: 10px 15px; height: 120px; resize: none;}
.form-block .input-text[disabled] { background-color: #fff; cursor: default;}
.form-block .input-text[disabled]:focus, .form-block .input-text[disabled]:hover { border: 1px solid #efefef;}
.form-block select [disabled] { color: #c3c3c3;}
.form-block .form-flex .submit-group { flex: 1 0 100%; flex-direction: row-reverse;}
.form-block .btn-submit { padding:0 15px; width: 260px; font-weight: 300; height: 50px; background-color: #d2d2d2; box-shadow: 0 2px 10px -5px #404040; color: #fff; border-radius: 2px; border: 1px solid #c3c3c3; cursor: pointer;}
.form-block .btn-submit:focus, .form-block .btn-submit:hover { background-color: #45b086;}
.form-block .input-text.wpcf7-not-valid { border-color:red;}
.submit-group .wpcf7-spinner { margin-left: auto;}
.form-group .wpcf7-not-valid-tip { display: none !important;}
div.wpcf7 form .wpcf7-response-output { padding: 0.5em 1em;}
.cpt { display: none !important;}

/* call widget */
.call-widget { position: fixed; right:30px; bottom:30px; z-index: 300;}
.call-widget-button { border:1px solid #f5d121; box-shadow: none; width: 56px; height: 56px; padding: 0; display: flex; align-items: center; justify-content: center; background: #f5d121; color:#292929; border-radius: 20px; cursor: pointer;}
.call-widget-button svg { display: block; width: 24px; height: 24px; animation: call-button 2s ease infinite; transform:rotate(0deg); transition: opacity .8s cubic-bezier(0.19, 1, 0.22, 1), transform .8s cubic-bezier(0.19, 1, 0.22, 1);}
.call-widget-button svg path { fill:currentColor;}
.call-widget-button:hover { background: #292929; color:#f5d121;}
.call-widget-dropdown { display: block; position: absolute; bottom:86px; right:0; width: 340px; border-radius: 20px; background:#f9f9f9; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .12); visibility: hidden; opacity: 0; margin-bottom:15px; transition:all 0.2s ease;}
.call-widget-dropdown.opened { visibility: visible; opacity:1; margin-bottom:0;}
.call-widget-caption { background: #292929; color:#fff; display: flex; align-items: center; gap:12px; position: relative; padding: 18px; font-size:17px; line-height: 22px; color:#fff; font-weight: 500; border-radius: 20px 20px 0 0;}
.call-widget-caption .phone-icon svg { display: block; width: 22px; height:22px;}
.call-widget-dropdown .dropdown-close { display: block; position: absolute; top:12px; right:12px; width: 18px; height: 18px; padding: 3px; cursor: pointer; opacity: 0.8;}
.call-widget-dropdown .dropdown-close svg { display: block; width: 12px; height: 12px;}
.call-widget-dropdown .dropdown-close svg path, .call-widget-caption .phone-icon svg path { fill:#fff;}
.call-widget-dropdown .dropdown-close:hover { opacity: 1;}
.call-widget-form { padding: 30px;}
.call-widget-form .form-heading { margin-bottom: 15px;}
.call-widget-form .form-title { font-weight: 500;}
.call-widget-form .form-subtitle { font-size: 14px; margin-top: 6px;}
.call-widget-form.form-block .form-label { width: auto; text-align:left; display: block; margin: 0 0 6px;}
.call-widget-form .form-group { margin-bottom: 15px;}
.call-widget-form .form-group.submit-group { position: relative; margin-bottom: 0;}
.call-widget-form .submit-group .btn-submit { width: 100%;}
.call-widget-form .submit-group .wpcf7-spinner { position: absolute; left:0; top:50%; margin-top: -12px; margin-left: 12px;}
.call-widget-form div.wpcf7 form .wpcf7-response-output { margin: 1em 0 0; font-size: 15px; line-height: 18px;}

@keyframes call-button {
    80% { transform:rotate(0);}
    85% { transform:rotate(20deg);}
    95% { transform:rotate(-20deg);}
    100% { transform:rotate(0deg);}
}

#footer { padding-bottom: 30px;}
.footer-menu-col { width: auto; height: 100%; flex-grow: 1; margin-top: auto; margin-bottom: 10px;}
.footer-menu { display: flex; flex-direction: column; gap: 12px; width: 100%; align-items: center;}

@media screen and (max-width: 992px) {    
    .header-search { bottom:5px;}
    .search-form { width: 200px;}
    
    .form-block .form-flex { margin: 15px auto;}
    .form-block .form-flex .form-group { flex: 1 1 100%; margin: 5px 0;}
    .form-block .form-label { width: 175px; margin: 0 10px 0 0;}
    .form-block .input-text { height: 44px; padding: 0 5px;}
    .form-block textarea.input-text { padding: 5px; height: 120px;}
    .form-block .btn-submit { padding:0 5px; width: 200px; height: 44px;}
}

@media screen and (max-width: 767px) {
    .header-search { bottom:auto; top:100%; margin-top: 5px; width:calc(100% - 50px); z-index: 1;}
    .search-form { width:100%;}
    .search-form .input-search { padding:8px 40px 8px 15px; height: 34px; font-size:0.875rem; line-height: 16px;}
    .search-form .submit-search { width: 34px; line-height: 34px;}
    
    .nav-block .main-menu { z-index: 2;}
    .nav-block > ul li .sub-menu { width: 100%; position:relative; left:auto; top:auto; background: none; border-radius: 0; border-top:1px solid #404040}
    .nav-block > ul li .sub-menu a { line-height:1; text-align:center; padding:10px 15px; white-space: normal;}
    .main-menu li.menu-item-has-children>a { position: relative; padding-left: 40px; padding-right: 40px;}
    .main-menu li.menu-item-has-children>a>.menu-arrow { display:block; position: absolute; right:0; top:0; height: 100%; width: 35px; border-left:1px solid #404040; font-size:1.1rem;}
    .main-menu li.menu-item-has-children>a>.menu-arrow:before { display: block; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-family: FontAwesome; content:"\f107";}
    .main-menu li.menu-item-has-children.opened>a>.menu-arrow:before { content:"\f106";}
    .nav-block > ul li.opened > .sub-menu { display: block;}
    
    .main-wide-block .entry-content {
        --margin: 20px;
    }
    .entry-content .alignleft, .entry-content .alignright, .entry-content .alignnone { float:none; display: block; margin:var(--margin) auto;}
    .article-page-block .article-info .a-date { padding-left: 32px; min-width: 1px;}
    .author-box { padding-left: 32px; padding-right: 32px;}
    .author-box .author-avatar { width: 160px;}
    
    .product-item-col { width:100%;}
    .product-item { height: auto;}
    
    .form-block .input-text { height: 40px;}
    .form-block textarea.input-text { height: 100px;}
    .form-block .btn-submit { height: 40px;}
    
    .call-widget { bottom:24px; right:24px;}
    .call-widget-dropdown { bottom:76px; width: 320px;}
    .call-widget-caption { padding:14px 18px;}
    .call-widget-dropdown .dropdown-close { top:10px;}
    .call-widget-form { padding: 20px;}
    .call-widget-form .form-heading, .call-widget-form .form-group { margin-bottom: 12px;}    
}

@media screen and (max-width: 576px) {
    .main-wide-block .entry-content {
        --margin: 18px;
    }
            
    .product-table th, .product-table td { white-space: normal;}
    
    .article-info .single-author { margin-left: 32px;}
    .author-box .author-avatar { width: 120px;}
    
    .form-block .form-label { width: 85px;}
    .form-block .input-text { height: 30px;}
    .form-block textarea.input-text { height: 80px;}  
    .form-block .btn-submit { width: 180px; height: 30px;}
}

@media screen and (max-width: 479px) {
    .product-item { display: block; margin-bottom: 20px;}
    .product-item .product-thumb { width: 200px; max-width: 100%; margin: 0 auto 15px;}
    
    .author-box { flex-direction: column; gap:15px; padding-left: 25px; padding-right: 25px;}
    .author-box .author-entry { width: 100%;}
}