/* 
Theme Name:		 socialears
Theme URI:		 http://childtheme-generator.com/
Description:	 socialears is a child theme of twentytwentyone, created by ChildTheme-Generator.com
Author:			 Swap
Author URI:		 http://childtheme-generator.com/
Template:		 twentytwentyone
Version:		 1.0.0
Text Domain:	 socialears
*/

/*
    Add your custom styles here
    */

    /* home page style */

    h1, h2, h3, h4, h5, h6 {
        margin: 0 0 0.8em;
        font-weight: 400;
        line-height: 1.3em;
        -ms-word-wrap: break-word;
        word-wrap: break-word;
        font-family: Arial, Helvetica, sans-serif;
    }

    h2 {font-size: 30px;margin-bottom: 14px;}
    p,span,a,li{font-size: 14px;color: #404040;line-height: 1.66em;font-family: Arial, Helvetica, sans-serif;}
    a {color: #00afec;}
    a:hover{color: #81d742;text-decoration: none;}
   /* .wp-block-columns.alignwide {max-width: 1140px !important;}*/
    .has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {background: transparent;color: unset;outline: none;text-decoration: none;}	

    .home .site-header {position: absolute; left: 0; right: 0; z-index: 9;}
    .wp-custom-logo .site-header {padding: 0;}
    .site-header .site-logo {margin: 0;}

    #main {padding: 0;}
    #masthead {max-width: 100%; padding: 0 1em;}
    .home .site-header .primary-navigation .menu-wrapper .menu-item a {color: #ffffff;}
    .site-header .primary-navigation .menu-wrapper .menu-item a {font-size: 14px; font-weight: bold; padding: 0 20px;text-transform: uppercase;text-decoration: none;line-height: 20px;vertical-align: middle;}
    .primary-navigation .menu-wrapper .menu-item a:after {content: ""; display: block; width: 100%; height: 2px; -webkit-transform: scale(0,1); -moz-transform: scale(0,1); -o-transform: scale(0,1); transform: scale(0,1); transform-origin: left center; -webkit-transform-origin: left center; -webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out; -ms-transition: all .15s ease-out; -o-transition: all .15s ease-out; transition: all .15s ease-out; background: #00afec; }
    .home .primary-navigation .menu-wrapper .menu-item a:after{background: #fff;}
    .primary-navigation .menu-wrapper .menu-item.current-menu-item a:after,
    .primary-navigation .menu-wrapper .menu-item a:hover:after{-webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1); }
    .site-header .primary-navigation .menu-wrapper .menu-item a:hover,
    .primary-navigation > div > .menu-wrapper {align-items: center;}
    .site-header .primary-navigation .menu-wrapper .menu-item a:focus {outline: none; background: transparent !important; text-decoration: none;color: #000 !important;}
    .site-header .primary-navigation .menu-wrapper .menu-item.button-log{order:1;}
    .site-header .primary-navigation .menu-wrapper .menu-item.button-log a {
        padding: 8px 14px 9px;
        background: #6bbd09;
        background: -moz-linear-gradient(-45deg,#6bbd09 0%,#5caa08 100%);
        background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,#6bbd09),color-stop(100%,#5caa08));
        background: -webkit-linear-gradient(-45deg,#6bbd09 0%,#5caa08 100%);
        background: -o-linear-gradient(-45deg,#6bbd09 0%,#5caa08 100%);
        background: -ms-linear-gradient(-45deg,#6bbd09 0%,#5caa08 100%);
        background: linear-gradient(-45deg,#6bbd09 0%,#5caa08 100%);
        width: 100%;
        display: inline-block;
        padding: 5px 10px 6px;
        color: #fff;
        text-decoration: none;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
        -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 50%);
        text-shadow: 0 -1px 0px rgb(0 0 0 / 25%);
        border-bottom: 1px solid rgba(0,0,0,0.25);
        position: relative;
        -webkit-transition: all 100ms ease-in-out;
        -moz-transition: all 100ms ease-in-out;
        -o-transition: all 100ms ease-in-out;
        transition: all 100ms ease-in-out;
        text-align: center;
        font-weight: bold;
        margin: 5px 0;
    }

    .primary-navigation .menu-wrapper .menu-item.button-log a:after{display: none;}
    .primary-navigation .menu-wrapper .menu-item.button-log a:hover{background: #6bbd09; background: -moz-linear-gradient(top,#6bbd09 0%,#5caa08 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#6bbd09),color-stop(100%,#5caa08)); background: -webkit-linear-gradient(top,#6bbd09 0%,#5caa08 100%); background: -o-linear-gradient(top,#6bbd09 0%,#5caa08 100%); background: -ms-linear-gradient(top,#6bbd09 0%,#5caa08 100%); background: linear-gradient(top,#6bbd09 0%,#5caa08 100%);}

    div#apbAdvancedPosts-9b84beec-d .apbPost .apbPostReadMore a:hover{color: #000;background: transparent;}

    /* header search */
    .is-form-style input.is-search-input {height: auto;line-height: 1.5;padding: 15px;border-radius: 5px;border: 0 !important;}
    .is-popup-search-form form.is-ajax-search {position: relative;width: 60%;}
    .is-popup-search-form button.is-search-submit {position:absolute;right:40px;top:0;bottom:0;height:auto;width:51px;background:#fff !important;}
    .is-popup-search-form button.is-search-submit .is-search-icon {background:transparent;border: 0;width: 100%;height: 100%;display: flex !important; align-items: center;justify-content: center;}



    /* Banner */
    .wp-block-cb-carousel.banner-slider {border-bottom: 3px solid #00afec;margin: 0;}
    .banner-slids.slick-slide {padding: 0;}
    .slick-initialized .slick-slide {display: block;}
    .banner-slider .slick-dots {position: absolute; bottom: 24px; left: 0; right: 0; z-index: 99; }
    .banner-slider .banner-slids img {min-height: 500px;}
    .banner-slider .banner-slids .wp-block-cover{min-height: 500px;}
    .banner-slider .slick-slide .banner-tittle {line-height: 1.2; margin-bottom: 20px;}
    .banner-slider .slick-slide .edge-desc {margin-top: 20px; font-weight: 400; font-size: 25px !important; line-height: 40px; margin-bottom: 30px !important; max-width: 100% !important;}

    .banner-slider .slick-dots li button {position: relative; display: inline-block; margin: 0 8px; width: 10px; height: 10px; cursor: pointer; background-color: rgba(255,255,255,.3) !important; border-radius: 50px; font-size: 0; box-shadow: 0 0 0 2px rgb(255 255 255 / 0%);}
    .banner-slider .slick-dots li.slick-active button{background-color: transparent !important; box-shadow: 0 0 0 2px #fff;}
    .banner-slider .slick-dots li button:before{display: none;}

    .banner-slider button.slick-arrow{margin: 0 20px; width: 62px; height: 62px; border-radius: 40px; -webkit-transition: all .3s; transition: all .3s; overflow: hidden; -webkit-transition-delay: .1s; transition-delay: .1s;background: rgba(255,255,255,0); border: 2px solid #fff;opacity: 0; visibility: hidden; }
    .banner-slider:hover button.slick-arrow{opacity: 1;visibility: visible;}
    .banner-slider button.slick-arrow:before{display: none;}
    .banner-slider button.slick-prev{background: url(images/chevron-left.svg) no-repeat center center / auto;}
    .banner-slider button.slick-next{background: url(images/chevron-right.svg) no-repeat center center / auto;}


    /* */
    #reasons-section {margin-top: 0; padding-top: 80px;}
    #reasons-section .sub-title {margin-bottom: 14px !important}
    #reasons-section .sub-heading {margin: 0 0 20px;line-height: 1.3;}
    #reasons-section h4 {margin: 0 0 20px;}

    .reasons-outer .reasons-column img {width: auto;}
    #reasons-section .reasons-outer .reasons-column .wp-block-media-text__content {padding: 0;}
    .reasons-outer .reasons-column a {text-decoration: none; color: #00afec;}
    .reasons-outer .reasons-column a:hover{text-decoration: none;color: #81d742;;}
    #reasons-section .reasons-outer .reasons-column p {margin: 0;}
    .reasons-column .wp-block-media-text {margin-bottom: 10px;}
    .reasons-outer .reasons-column .wp-block-media-text {margin-bottom: 10px;}
    .reasons-outer .reasons-column h6 {margin: 24px 0 0;}
    .reasons-outer .reasons-column ul.list-item {padding-left: 0; margin-bottom: 1em; margin-left: 1.5em;margin-top: 5px;}
    .reasons-outer .reasons-column ul.list-item li {margin-left: 0.85em;}
    #reasons-section .read-more-btn a {padding: 0; border: 0; width: auto; position: relative; float: right; margin: 10px 15px 10px 0; font-size: 12px; color: #00afec;transition: all 0.4s ease-in-out;}
    #reasons-section .read-more-btn a:hover{color: #81d742;}
    #reasons-section .read-more-btn a:after {content: ""; border-left: 8px solid transparent; border-bottom: 8px solid; display: inline-block; transform: rotate(-45deg);}
    #reasons-section .read-more-btn a:hover:after{border-bottom-color: #81d742;}
    #reasons-section .read-more-btn a:hover {color: #81d742 !important; background: transparent !important;}
    #reasons-section .reasons-outer .wp-block-buttons{margin: 0;}


    /* band section */
    #band-section .custom-btn .wp-block-button__link {letter-spacing: 2px; font-weight: 700;}
    #band-section .custom-btn .wp-block-button__link:hover {background: #fff !important; color: #00afec !important; border-color: #fff !important;}
    #band-section h4 {margin: 0;}
    #band-section p {margin: 5px 0 0;}
    #band-section .custom-btn2 .wp-block-button__link {box-shadow: 0px 3px 0px 0px #009502; color: #fff!important; text-shadow: 0 1px rgb(0 0 0 / 40%);transition: all 0.4s ease-in-out;}
    #band-section .custom-btn2 .wp-block-button__link:hover{background: #009502 !important;color:#fff !important;border-color: #009502 !important;}


    #testimonials-sec {padding-bottom: 0;}
    #testimonials-sec .eb-testimonial-wrapper.eb-testimonial-u5et3b2 {background: transparent;}
    #testimonials-sec .eb-testimonial-description {margin-bottom: 0; font-size: 18px!important; line-height: 28px; padding: 0;}
    #testimonials-sec button.slick-arrow {width: 42px; height: 42px; border: 2px solid #fff; position: absolute; top: -70px;opacity: .6;}
    #testimonials-sec button.slick-arrow:hover{opacity: 1;}
    #testimonials-sec button.slick-arrow:before{display: none;}
    #testimonials-sec button.slick-prev{background: url(images/chevron-left.svg) no-repeat center center / auto;left: 42%;transform: translateX(-42%);}
    #testimonials-sec button.slick-next{background: url(images/chevron-right.svg) no-repeat center center / auto;	right: 42%; transform: translateX(-42%);}

    @media only screen and (min-width:768px){
       #testimonials-sec .eb-testimonial-quote-style {position: absolute; left: -7px; top: 30%; transform: translateY(-30%); }
   }
   #testimonials-sec .eb-testimonial-quote-style svg {height: 40px; width: 40px;}
   #testimonials-sec .eb-testimonial-quote-style {padding-left: 0; padding-right: 0;}
   #testimonials-sec .eb-description-container {padding: 0 50px;}
   #testimonials-sec .eb-userinfo-container {margin-left: 0;}
   #testimonials-sec .eb-testimonial-username {font-size: 16px;margin: 0;}
   #testimonials-sec .eb-testimonial-company a{font-size: 12px;}


   #counter-sec {padding: 80px 0 40px;}
   #counter-sec .ib-counter-number {color: #333333; font-size: 46px;font-weight: normal;}
   #counter-sec .ib-counter-title:after {content: ''; display: block; position: absolute; width: 20px; height: 3px; background: #333; top: 0; left: 50%; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0);}
   #counter-sec .ib-counter-title {letter-spacing: 1px; line-height: 100%; position: relative; margin: 16px 0; padding: 16px 0; font-size: 14px;}
   #counter-sec img {width: 48px; object-fit: contain; height: 48px; }


   #blog-section h2 {margin: 0 0 20px;}
   #blog-section .blog-subtitle {margin: 0;}
   #blog-section .blog-post .apbPost {border-radius: 0;}
   #blog-section .blog-post .apbPost .apbPostText{padding: 20px 20px 0;}
   #blog-section .blog-post .apbPostReadMore {padding: 20px; border-top: 1px solid #ddd; margin-top: 32px; margin-left: -20px; margin-right: -20px;}
   #blog-section .blog-post .apbPost .apbPostExcerpt{min-height: 100px}
   #blog-section .blog-post .apbPostReadMore:hover{background:transparent;}

   /* key-features section */
   #key-features {margin: 0; padding: 50px 0;}
   #key-features .wp-block-media-text__media {width: 34px !important; height: 34px !important; }
   #key-features .wp-block-media-text__media img {width: 100% !important; height: 100% !important; object-fit: scale-down; object-position: center; display: block; }
   #key-features .wp-block-media-text__content {padding: 0 12px !important; width: calc(100% - 34px) !important; max-width: calc(100% - 34px) !important; display: block !important; }
   #key-features .wp-block-media-text__content * {padding: 0 !important; font-size: 20px; font-weight: bold; color: #00afec!important; line-height: 1.3 !important; }
   #key-features  .wp-block-media-text {display: flex; flex-wrap: wrap; margin-bottom: 15px !important; align-items: center; }
   #key-features .wp-block-column > p {margin: 15px 0 15px !important; padding: 0 !important; }

   /* inner page title  */
   .content-area .site-main header.page-header,
   .content-area .site-main header.entry-header {padding: 0;border: 0;margin-top: 5rem;}
   .site-main header.page-header .page-title,
   .site-main header.entry-header .entry-title {font-size: 42px;font-weight: 700;}
   .home .site-header .is-menu path.search-icon-path {fill: #fff !important;}
   #se_wh_popup_toggle{width:auto !important;}

   .blog .default-max-width {width: 100%;max-width: 100%;}
   .post-thumbnail .wp-post-image{max-width: 100% !important;}
   .entry-header .entry-title a {font-size: 30px;line-height: 1;text-decoration: none;}
   .blog .post .entry-content p {max-width: 100% !important;}
   .blog article.post {
    max-width: 1024px;
    margin: 0 auto;
    box-shadow: 0 5px 20px rgb(0 0 0 / 10%);
    padding: 32px;
    margin-bottom: 32px;
}
figure.post-thumbnail {margin: 0;}
.blog .site-main > article > .entry-footer {padding-bottom: 0;border: 0;}
.post .post-thumbnail .wp-post-image {margin-top: calc(1 * var(--global--spacing-vertical));}
.blog .post .entry-content p .more-link {display: block;max-width: max-content;padding: 10px 32px;background: #000;color: #fff;text-decoration: none;margin-top: 32px;text-transform: capitalize;font-size: 16px;transition: all 0.4s ease-in-out;}
.blog .post .entry-content p .more-link:hover{background:#6bbd09;}
.site-main header.page-header .page-title,
.site-main header.entry-header .entry-title {line-height: 1;}
.single .content-area .post p {max-width: 1240px !important;}
.single-post .default-max-width {max-width: 1240px;}
.single-post .navigation .nav-links .nav-previous a { border: 1px solid #ddd;padding: 0px;}
.single-post .post-navigation .post-title {font-size: 18px;}


.single-post .navigation .nav-links .nav-previous a:hover{text-decoration:none;}
.single-post .navigation .nav-links .nav-previous a:focus p,
.single-post .navigation .nav-links .nav-previous a:focus{text-decoration: none;background: transparent !important;color: #000 !important;}
#reply-title {font-size:30px;font-weight:700;}

@media only screen and (min-width: 768px){
	.wp-block-columns.alignwide {max-width: 1140px !important;padding: 0 24px;
    }
    @media only screen and (min-width: 768px) and (max-width:1024px){
       .site-branding {width: 120px;}
       .site-branding img{width:100% !important;}
       .site-header .primary-navigation .menu-wrapper .menu-item a {font-size: 11px;padding: 0 10px;}
   }
   @media only screen and (min-width: 768px) and (max-width: 991px){
       .reasons-outer .wp-block-column.reasons-column {width: 47%;flex: 0 0 47% !important;    margin: 0;}
       #band-section h4 {text-align: center;}
       #band-section .wp-container-12.wp-block-column{margin:0;}
       #key-features .wp-block-columns .wp-block-column,
       #counter-sec .wp-block-columns .wp-block-column {flex: 0 0 42% !important;margin: 0;}
   }
   @media only screen and (max-width: 767px){
       .banner-slider .slick-slide .banner-tittle {font-size: 30px !important;}
       .banner-slider .slick-slide .edge-desc {font-size: 20px !important; line-height: 30px; }
       .wp-block-columns.alignwide {padding-left: 15px;padding-right: 15px;width: 100% !important;}
       #testimonials-sec .eb-testimonial-u5et3b2 .eb-description-container {padding: 0 0;}
       #counter-sec {padding: 40px 0 40px;}
       #counter-sec .wp-block-column {margin: 0;}
       #band-section {padding: 0;text-align: center;}
       .reasons-outer,	#key-features .wp-container-26 {gap: 0;}
       .banner-slider .banner-slids .wp-block-cover {padding: 0;}
       #testimonials-sec {padding-top: 80px;}
       #testimonials-sec button.slick-next {right: 30%;transform: translateX(-30%);}	
       #testimonials-sec button.slick-prev {left: 30%;transform: translateX(-30%);}
       #testimonials-sec .eb-description-container {padding: 0 0;}
       #testimonials-sec .eb-testimonial-description {font-size: 16px!important;line-height: 24px;}
   }


   /* k style start  */
   .entry-header{display:none;}
   .entry-content{margin-top:0 !important;}
   header#masthead{position:absolute;z-index:99999;left:0;right:0;width:100%;}
   .primary-navigation .primary-menu-container > ul > .menu-item > a{color:white !important;text-decoration:none !important;}
   .has-background-white .primary-navigation .primary-menu-container > ul > .menu-item > a:focus,.has-background-white .primary-navigation .primary-menu-container > ul > .menu-item > a:hover{color:white !important;}
   .primary-navigation .primary-menu-container{margin-right:0 !important;}
   .entry-header{display:none;}
   .entry-content{margin-top:0 !important;margin-bottom:0 !important;}
   header#masthead{position:absolute;z-index:99999;left:0;right:0;width:100%;}
   .primary-navigation .primary-menu-container > ul > .menu-item > a{color:white !important;text-decoration:none !important;}
   .has-background-white .primary-navigation .primary-menu-container > ul > .menu-item > a:focus,.has-background-white .primary-navigation .primary-menu-container > ul > .menu-item > a:hover{color:white !important;}
   .primary-navigation .primary-menu-container{margin-right:0 !important;}
   .banner-section{padding-top:150px !important;padding-bottom:50px !important;}
   .banner-section .wp-block-cover__inner-container{width:100% !important;display:block;max-width:880px;}
   .banner-section .wp-block-cover__inner-container > *{width:100% !important;max-width:100% !important;line-height:1.3;}
   .banner-section .wp-block-cover__inner-container > *:first-child{position:relative;margin-bottom:40px !important;}
   .banner-section .wp-block-cover__inner-container > *:first-child:before{content:'';display:block;position:absolute;bottom:-20px;left:50%;margin-left:-15px;width:30px;height:3px;background:#ffffff;}
   .text-and-logo-sect{padding-bottom:50px !important;padding-top:50px !important;}
   h3#fancy-title-63523159ee11b{letter-spacing:2px;}
   .max-width-content{width:100% !important;max-width:600px !important;margin-left:0 !important;margin-right:0 !important;float:none !important;display:block !important;padding:40px 0 65px !important;}
   .max-width-content .wp-block-columns{flex-wrap:wrap !important;display:block !important;width:100% !important;max-width:max-content !important;}
   .text-and-logo-sect{padding-bottom:50px !important;padding-top:50px !important;}
   h3#headin-inner{font-size:24px;color:#404040;font-weight:bold;text-transform:uppercase;}
   div#headin-outerrr{margin-bottom:15px !important;}
   .max-width-content > .wp-block-group__inner-container > .wp-block-columns{margin-bottom:15px !important;margin-top:0px !important;}
   .max-width-content > .wp-block-group__inner-container > .wp-block-columns p{margin:0 0 15px !important;}
   .no-widgets .site-footer{margin-top:0 !important;}
   #d-none{display:none;}
   div#band-section-n{padding: 0; align-items:center !important;}
   #button-sky-blue > a:hover,#button-sky-blue > a:focus{border-color:white !important;background-color:white !important;background:white !important;color:#4dc7f2 !important;}
   body:not(.single) .site-main > article:last-of-type .entry-footer{display:none !important;}

   /* k style end */


   /* header responsive */
   @media only screen and (max-width:767px){

.site-main header.entry-header {display: none;}
    main#main {padding-top: 50px;}
    .menu-button-container #primary-mobile-menu:focus {outline: none;}
    .site-header .primary-navigation .menu-wrapper .menu-item a{padding: 5px 0;}
    .primary-navigation > div > .menu-wrapper li {margin-bottom: 10px;}

}