/*
 Theme Name:   Logbook WP Ophir Child
 Description:  Ophir Theme child of Logbook WP
 Author:       Eli Livshin
 Template:     logbook-wp
 Version:      1.0.8
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  logbook-wp-child
*/

/*fonts*/
@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat-Bold.eot');
    src: local('Montserrat Bold'), local('Montserrat-Bold'),
        url('./assets/fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/Montserrat-Bold.woff2') format('woff2'),
        url('./assets/fonts/Montserrat-Bold.woff') format('woff'),
        url('./assets/fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat-Light.eot');
    src: local('Montserrat Light'), local('Montserrat-Light'),
        url('./assets/fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/Montserrat-Light.woff2') format('woff2'),
        url('./assets/fonts/Montserrat-Light.woff') format('woff'),
        url('./assets/fonts/Montserrat-Light.svg#Montserrat-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat-Black.eot');
    src: local('Montserrat Black'), local('Montserrat-Black'),
        url('./assets/fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/Montserrat-Black.woff2') format('woff2'),
        url('./assets/fonts/Montserrat-Black.woff') format('woff'),
        url('./assets/fonts/Montserrat-Black.svg#Montserrat-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat-Medium.eot');
    src: local('Montserrat Medium'), local('Montserrat-Medium'),
        url('./assets/fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/Montserrat-Medium.woff2') format('woff2'),
        url('./assets/fonts/Montserrat-Medium.woff') format('woff'),
        url('./assets/fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat-Regular.eot');
    src: local('Montserrat Regular'), local('Montserrat-Regular'),
        url('./assets/fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/Montserrat-Regular.woff2') format('woff2'),
        url('./assets/fonts/Montserrat-Regular.woff') format('woff'),
        url('./assets/fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat-SemiBold.eot');
    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
        url('./assets/fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('./assets/fonts/Montserrat-SemiBold.woff') format('woff'),
        url('./assets/fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/Montserrat-Thin.eot');
    src: local('Montserrat Thin'), local('Montserrat-Thin'),
        url('./assets/fonts/Montserrat-Thin.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/Montserrat-Thin.woff2') format('woff2'),
        url('./assets/fonts/Montserrat-Thin.woff') format('woff'),
        url('./assets/fonts/Montserrat-Thin.svg#Montserrat-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
}


body,html{
    overflow-x: hidden;
}
body{
    font-family: Montserrat, sans-serif !important;
    font-size: 16px;
    font-weight: normal;
    color: #373737;
}
h1, h2, h3, h4, h5, h6{
    color: #373737;
    line-height: 1.1;
}
body a{
    color: #2f59d8 ;
}
.logbook-wp-main-navigation a{
    color: #ffffff ;
}
.wrapper.logbook-wp-sticky {
    display: flex;
    justify-content: space-around;
    align-items: center;
    transition: all 2s ease !important;
    -webkit-transition: all 2s ease !important;
}
h1.blog-title {
    margin: 0 !important;
    font-weight: 600 !important;
    font-size: 2rem !important;
}

.logbook-wp-wp-blog-section h1{
    font-weight: 500 !important;
}
h2{
    font-size: 1.375rem !important;  
    font-weight: 500 !important; 
}
h2.title{
    -ms-word-break: break-all;
    word-break: break-all;

    /* Non standard for WebKit */
    word-break: break-word;

-webkit-hyphens: auto;
  -moz-hyphens: auto;
       hyphens: auto;
}
h3.title{       
       overflow: hidden;
       display: -webkit-box;
       -webkit-line-clamp: 3; /* Number of lines to show */
       line-clamp: 3; /* For other browsers */
       -webkit-box-orient: vertical;
}

.authors-section h2{
    font-size: 2.375rem !important;
}
.oath-section h2{
    font-size: 2.5rem !important;
    text-align: center;
}
.oath-section p, .sign, .dash{
    font-size: 1.125rem !important;  
}

h3{font-size: 1.375rem !important;}
.logbook-wp-wp-blog-section .grid-section .blog-wrap .content-part h3 a {
    font-size: 1.375rem;
    color: #373737;
}

a {transition: all 0.4s;}
.comments-area .comment-list a{color: #2f59d8 !important;}
a:hover {color: #373737;}
button:focus, a.button:focus {
    outline: none !important;
    box-shadow: 0 0 8px rgb(0 0 0);-webkit-box-shadow: 0 0 8px rgb(0 0 0);-moz-box-shadow: 0 0 20px rgba(0,0,0,10);
}
.logbook-wp-main-navigation ul.logbook-wp-nav-menu .current_page_item > a, .logbook-wp-main-navigation ul.logbook-wp-nav-menu .current-menu-item > a, .logbook-wp-main-navigation ul.logbook-wp-nav-menu .current_page_ancestor > a, .logbook-wp-main-navigation ul.logbook-wp-nav-menu .current-menu-ancestor > a ,
.logbook-wp-main-navigation ul.logbook-wp-nav-menu > li:hover > a, .logbook-wp-main-navigation ul.logbook-wp-nav-menu > li.focus > a, a.button:focus{
    color: #ffffff;
}

.logbook-wp-main-navigation .wrapper{padding: 0 1rem;min-height: 4.6rem;}
.logbook-wp-main-navigation ul.logbook-wp-nav-menu > li > a {
    color: #ffffff;
    font-size: 16px;
    text-align: left;
}
.lang-item img{
    height: 16px !important;
    width: auto !important;
}
.logbook-wp-menu-toggle {
    margin: auto 1rem auto 1rem;
    width: 40px;
}
.logbook-wp-wp-blog-section a:focus {
    text-decoration: none !important;
  /*  color: #ffffff !important;
    border: 1px dashed #00265c;*/
}
.logbook-wp-wp-blog-section  .title a:focus {
    text-decoration: none !important;
    color: #2f59d8 !important;
    border: 0;
}
.astm-search-menu-wrapper.is-menu-wrapper{
    right: 138px !important;
    top: 12px !important;
}
.astm-search-menu-wrapper.is-menu-wrapper .search-icon-path{
    fill: #ffffff !important;
}
.astm-search-menu-wrapper.is-menu-wrapper .astm-search-menu.sliding a{
    display: flex;
    padding: 12px;
}
.astm-search-menu-wrapper .is-menu.sliding form{
    top: 15%;
    max-width: 250px;
}
/*
.row {
    width: 100% !important;

}
.row [class*="col-"]{
    margin: 0  !important;
    padding: 0  !important;
}*/
input.search{
    max-width: 223px;
}
.is-search-input{
  height: 48px;
  padding: 0.7rem 2rem 0.7rem 1rem;
  border-radius: 8px;
  border: solid 1px #e0e0e0;
  background-color: #fff;
  color: #333277;
  letter-spacing: 0.5px;
  border-radius: 8px;
}
.is-search-form label::before {
    content: "";
    background: url(./assets/images/search.svg) no-repeat center center;
    background-size: contain;
    display: inline-block;
    width: 21px;
    height: 21px;
    margin: 8px;
    position: absolute;
    top: 0;
    left: 0;
}
.is-form-style input.is-search-input {
    padding: 0 0 0 36px;
}
.post-description, .logbook-wp-wp-blog-section .blog-wrap .content-part .title a:visited ,.blog-wrap-small .content-part .title{color:#373737;}
.post-readmore .post-comment {display: none;}
.wp-full-width-sec, .error-page-section, .logbook-wp-wp-blog-section, .wp-index-blog-section, .nav-brand {background: #f4f4f4;}
.logbook-wp-wp-blog-section, .logbook-wp-wp-blog-section .container{    position: relative;}
.logbook-wp-wp-blog-section .container{ z-index: 1;}
.form-submit .submit, .logbook-wp-main-navigation .wrapper, .wpcf7-submit, .widget-area .widget-title:after, .wp-block-group .wp-block-group__inner-container h2:after {background: #2f59d8;}
.post .post-title a {font-weight: 500;}
.page_link ul li a, a:hover, .page_link a, .blog-wrap ul li a, .blog-wrap p a, .post.post-overlay .post-content .category,.post .post-title a:hover, .post .post-title a:focus, .widget_audio_widget a, .widget_text a,.logbook-wp-wp-blog-section .blog-wrap .content-part .read-more {color: #2f59d8;}
.logbook-wp-wp-blog-section .blog-wrap .content-part .title a:hover, .read-more:hover{color: #193794!important;}
.logbook-wp-main-navigation ul.logbook-wp-nav-menu>li>a:hover,.logbook-wp-main-navigation ul.logbook-wp-nav-menu>li:hover>a, .logbook-wp-main-navigation ul.logbook-wp-nav-menu>li.focus>a,  .logbook-wp-main-navigation ul.logbook-wp-nav-menu .current_page_item>a, .logbook-wp-main-navigation ul.logbook-wp-nav-menu .current-menu-item>a, .logbook-wp-main-navigation ul.logbook-wp-nav-menu .current_page_ancestor>a, .logbook-wp-main-navigation ul.logbook-wp-nav-menu .current-menu-ancestor>a{text-decoration: underline;}
#myBtn {background: #2f59d8;}
.post-readmore {border-top: 1px solid #2f59d8;}
.logbook-wp-wp-blog-section .pagination .page-numbers:hover,.logbook-wp-wp-blog-section .pagination span.current {color: #2f59d8; background-color: transparent; font-weight: bold;}
.form-submit .submit:hover, .wpcf7-submit:hover{background-color: #193794;border-radius: 10px;}
.post-sub-link a {font-weight: normal;}
.post-sub-link a:hover, .post-readmore .post-comment a:hover {color:#373737!important}
.logbook-wp-wp-blog-section .blog-wrap .content-part .title {word-break: break-word;padding-top: 0px !important;}
.wp-main-header .logo-area {padding: 35px 0 0 0;}
.wp-main-header .logo-area a {font-size: 65px;font-weight: 700;line-height: 3rem;}
.top-header-social a {font-size: 12px !important;font-weight: 700;line-height: 1rem !important;}
.top-header-social .fa {font-size: 30px;padding-right: 30px;}
.content-part img {box-shadow: 0 0 4px rgb(0 0 0);-webkit-box-shadow: 0 0 4px rgb(0 0 0);-moz-box-shadow: 0 0 20px rgba(0,0,0,10);margin: 4px 0;padding: 4px;border: 2px solid #cacaca;}
.widget_tag_cloud .tagcloud .tag-cloud-link {line-height: inherit;margin:5px;display: inline-block;background-color: #2f59d8;color:#ffffff}
.widget_tag_cloud .tagcloud .tag-cloud-link:hover, .wp-block-group .wp-block-tag-cloud .tag-cloud-link:hover {background-color: #193794;color:#ffffff;}
.wpcf7 label, .wpcf7 textarea {width:100% !important;}
span.wpcf7-list-item input[type="checkbox"] {        margin-right: 8px;
    margin-top: 3px;}
span.wpcf7-list-item label {     display: flex;    align-items: flex-start;}
.newsletter-form .col-md-6 p{margin-bottom: 0;}
.wpcf7 textarea {padding: 10px 15px;}
.wpcf7-submit,button:not(.slick-arrow),.submit, .button,.btn-primary,.btn,.blog-wrap p a.button{color:#ffffff;font-weight: bold;padding: 15px 30px;border: 1px solid #2f59d8 !important;border-radius: 10px;background-color: #2f59d8 !important;}
.wpcf7-submit:hover,button:hover,.submit:hover, .button:hover,.blog-wrap p a.button:hover,.btn:hover{background-color: #193794 !important;color:#ffffff !important; }
body .slide-arrow-wrap  button.slide-front,body  .arrow-wrap button{border: 0 !important; background: transparent !important;}
a.logo{
    flex-grow: 1;
    justify-self: self-start;
    text-align: left;
}
.logbook-wp-wp-blog-section .blog-wrap .post-navigation .post-prev a {word-break: break-word;}
.logbook-wp-wp-blog-section .blog-wrap .post-navigation .post-next a {word-break: break-word;}
.logbook-wp-wp-blog-section .pagination .page-numbers {
    position: relative;
    color: #373737;
    display: flex;
    border: 0;
    padding: 4px 15px;
}
a.prev.page-numbers, a.next.page-numbers {
    min-width: 120px;
}
.archive.author .next.page-numbers::after{
    display: none;
}
.pl-txt {display: none;}
.mrgTop {margin-top:45px;}
.button{
    display: block;
    width: auto;
    max-width: 320px;
    text-align: center;
}
/* Cookie banner */
.cookiepop-overlay {
    display: none;
    position: fixed;
    z-index: 1100;
    background-color: rgba(0, 0, 0, 0.8);
    align-items: center;
    justify-content: center;
    inset: 0;
    padding: 1rem;
}
.cookiepop {
    background-color: #e0ffdf;
    text-align: center;
    border-radius: 0.5rem;
    padding: 28px;
    border: 0;
    max-width: 45rem;
    width: 100%;
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	box-shadow: 3px 3px 10px 0px rgba( 2, 2, 2, 0.6 );
	}
.cookiepop .par {
    margin: 0px auto;
    line-height: 2rem;
}
.cookiepop .par p {
	margin:0 !important;
}
.cookiepop a {
    background: transparent;	
    padding: 6px;
    color: #00265c;
    border-radius: 0;
    margin: 6px;
    display: inline-block;
}
.cookiepop a.accept {background:#135ba6;color:#ffffff; font-weight: bold;border: 2px solid #00265c;}
.cookiepop a.accept:hover {background:#193794;}

/* Audio posts widget */
* {box-sizing: border-box;}
.flex-container {display: flex;flex-wrap: wrap;font-size: 1rem;}
.flex-item-left {padding: 5px;flex: 50%;}
.flex-item-right {padding: 5px;flex: 50%;font-weight: 600;}
.flex-full {padding: 5px;flex: 100%;}
.flex-controls {text-align: right;padding: 5px;flex: 100%;}
.playtime {font-size: 1.2rem;margin-right: 10px;}
.playbtn {background: #366796;border-radius: 20px;padding: 4px 18px;    font-weight: bold;color: #ffffff;}
.playbtn:hover {background: #193794;}
.audttl {font-size: 1.4rem;font-weight: 600;}  /* End audio post widget */



/******** new design ********/
body:not(.home) .nav-brand{
display: none;
}
.row {
    width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.flex-row {display: flex;flex-flow: row wrap;justify-content: space-between;}
.flex-col {display: flex;flex-flow: column wrap;align-content: space-between;}
.flex-responsive {display: flex;flex-flow: row wrap;justify-content: space-between;}
.align-center{align-items: center;}
.align-base{align-items: baseline;}


.logbook-wp-wp-blog-section .blog-wrap, .page-id-3532 article.type-page, .page-id-13662 article.type-page,
.page-id-10591 article.type-page, .page-id-14152 article.type-page,.page-id-14154 article.type-page,.page-id-10788 article.type-page,.page-id-14165 article.type-page
{
    background-color: #ffffff;
    padding: 4rem !important;
    border-radius: 26px !important;
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.09) !important;
}
.logbook-wp-wp-blog-section .blog-wrap
{
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    padding-top: 2.5rem !important;
}
.hero-section {
    min-height: 440px;

}

.main-post-content .content-part {
    position: relative;
    max-width: 522px;
    min-height: 314px;
    margin: 2rem 10rem 3em 0;
    padding: 2rem 2.2rem 1rem 1.8em;
    border-radius: 10px;
    box-shadow: 0 0 20px 0 rgba(25, 55, 94, 0.1);
    background-color: #fff;
    align-content: space-between;
}
.main-post-content .content-part::after ,.home .newsletter::after/*,.tag-section.article .blog-wrap-small:hover::after*/{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 100%;
    border-radius: 10px 0 0 10px;
    background-color: #2f59d8;
}
.tag-section.article .blog-wrap-small:hover::after{
    border-radius: 0 !important;
}
.home .newsletter::after {
    top: 0;
    left: 0;
    height: 100%;
}
.newsletter-section .container.full {
    padding: 0;
}
/*
*/.main-post-content,.main-post {
    height: 100%;
    max-height: 430px;
}
.post-bottom.flex-container {
    width: 100%;
    align-items: center;
    justify-content: space-between;
}
.grid-section .blog-wrap .post-bottom {
    min-height: 45px;
}
.post-auther-detail {
    margin-top: 33px;
}
.main-post-content .post-auther-detail {
    margin-top: 0;
}

.sidebar ul.menu {
    list-style: none;
}
.sidebar ul.menu li{
    padding: .5rem 0;
}
.sidebar ul.menu li{
    display: flex;
    align-items: center;
    justify-content: start;
}
.sidebar ul.menu a::before{
    content: "";
    display: inline-block;
    position: relative;
    background: url('./assets/images/icons8-news.svg') no-repeat center center;
    background-size: contain;
    width: 22px;
    height: 22px;
    margin-right: 17px;
}

.grid-section{justify-content: space-between;gap: 1em;display: flex;flex-wrap: wrap;
}
.logbook-wp-wp-blog-section .grid-section .blog-wrap .image-part img{
    border-radius: 0;
}
.grid-section .blog-wrap{
    padding: 1.4rem !important;
    border-radius: 10px !important;
   /* min-width: 295px;
    max-width: 295px;*/
    min-height: 434px;
}
.grid-section.grid .blog-wrap{
height: 100%;
}
.tag-section.playlist .grid-section .blog-wrap {
    min-height: 482px;
    min-width: 355px;
    max-width: 32% !important;
}
.grid-section .blog-wrap:hover,.grid-section .small-post .blog-wrap:hover, .blog-wrap-small:hover{
    box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.2) !important;
}
.grid-section .slick-track .blog-wrap{
 /*   width: 295px !important;
    max-width: 295px !important;*/
    margin: .6rem 1.2rem .6rem 0;
    display: flex;
}
.slick-list{
    position: relative;
}
.anchor{
    display: inline-block;
    position: relative;
    padding-top: 5rem;
    margin-top: -5rem;
}
.slick-slider-mobile .slick-track .slick-slide{
    min-width: 260px;
    max-width: 295px !important;
  /*  margin-right: 1rem;*/
}
.grid .slick-list.draggable {
    padding-top: 2rem;
    max-height: 530px;
}
.author-slick-slider ,.slick-slider-front {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
  }
.author-slick-slider.slick-initialized ,.slick-slider-front.slick-initialized{
    visibility: visible;
    opacity: 1;
  }

.home .tag-section.casestudy .grid-section .blog-wrap{
    /**/
    min-width: 193px !important;
    width: 265px !important;
    max-width: 23% !important; 
    min-height: 474px;
    box-shadow:  3px 3px 12px rgba(0, 0, 0, 0.09) !important;
}
.home .tag-section.casestudy .grid-section .blog-wrap:hover{
    box-shadow:  3px 3px 12px rgba(0, 0, 0, 0.3) !important;
}
.tag-section.casestudy a.button{padding: 15px 2px !important;}
.grid-section .blog-wrap:nth-of-type(3), .category-section .grid-section .blog-wrap:nth-of-type(3){
    margin-right: 0;
}

.grid-section .big-post .blog-wrap, .grid-section .grid-item .blog-wrap {
    width: 100%;
    max-width: 359px;
    height: 460px;
    display: inline-flex;
    flex-direction: column;
}

.single-post-content iframe, .single-post-content video {
    max-width: 800px !important;
    width: 100%;
    min-height: 488px;
    height: auto;
}
/* Styles for big post */
.big-post .small-post-thumbnail {
    display: none;
}

/* Styles for small post */
.small-post .big-post-thumbnail {
    display: none;
}
.logbook-wp-wp-blog-section .blog-wrap .content {
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

section.tag-section.calculator .content-part.content{
    width: calc(100% - 200px);
}
section.tag-section.article .content-part.content{
    width: calc(100% - 310px);
}
section.tag-section.calculator p.mt-5{display: none;}
section.tag-section.article .grid-wrap .grid-section, section.tag-section.calculator .grid-wrap .grid-section{
    max-width: 64%;
}

section.tag-section .sidebar{
    max-width: 33%;
    margin-bottom: 1rem;
}
section.tag-section.article .grid-wrap .grid-section{
    justify-content: flex-start;
}

.archive section.tag-section.article .sidebar h2{
    display: none;
}
section.tag-section.article .sidebar ul{
    width: 300px;
}
section.tag-section.article .sidebar h2, .archive section.tag-section.article .sidebar {
    margin-bottom: 1.3rem !important;
    padding-left: 1rem !important;
}
.sidebar #block-8{
  min-width: 200px;
  max-width: 366px;
  padding: 0 2.2rem;
  border-radius: 10px;
  box-shadow: 0 0 20px 0 rgba(25, 55, 94, 0.1);
  background-color: #fff;

}
.logbook-wp-wp-blog-section .sidebar {
    padding: 0 1rem !important;
}
.sidebar .wp-block-social-links .wp-social-link {
    display: block;
    width: 100%;
    border-bottom: solid 2px #ebebeb;
    padding: .6em .6rem 1rem  !important;
    border-radius: 0;
}
.sidebar li.wp-social-link.wp-social-link-linkedin.icon-linkedin.wp-block-social-link:last-of-type {
    border-bottom: 0;
}
.sidebar .wp-block-social-links .wp-social-link a{
    font-weight: 500;
}
.sidebar .wp-block-social-links .wp-social-link svg {
    color: #2f59d8;
    fill: #2f59d8;
}
.sidebar .wp-block-social-links span.wp-block-social-link-label{
color: #373737;
}
.contact-block .wp-block-button.is-style-fill {
    margin-top: 4rem;
    display: block;
    width: 100%;
}
.contact-block h2.wp-block-heading {
    margin-top: 1rem;
    font-size: 1.5rem !important;
}
.contact-block .wp-block-button__link {padding: 13px 20px;width: 100%;}  
.wp-container-core-buttons-layout-1.wp-container-core-buttons-layout-1 {
    width: 100%;
}
.tag-section .grid-section .blog-wrap-small{
    position: relative;
    width: 100%;
    padding: 1rem;
    margin: 0 0 0.2em !important;
    background-color: #ffffff;
   /* border-radius: 0;*/
    box-shadow: 0 0 20px 0 rgba(25, 55, 94, 0.1);
}
/*section.tag-section.calculator .blog-wrap-small{*/
section.tag-section .blog-wrap-small{
    border-radius: 10px;
    margin: 0 0 0.875em !important;
}
.tag-section.article .grid-section .blog-wrap-small .post-bottom {
    justify-content: flex-end;
    width: 100%;
}
section.tag-section.article .grid-section .blog-wrap-small .post-bottom .icon-plus:before,
section.tag-section.article .grid-section .blog-wrap-small .post-bottom .icon-sound:before{
    height: 20px !important;
}
/*
section.tag-section.article .grid-section .blog-wrap-small {
        height: 135px;
}
        */
section.tag-section.article .grid-section .blog-wrap-small:hover{
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.16);
}

.search .tag-section .blog-wrap-small .content-part.content{
    width: calc(100% - 170px);
}
.search .tag-section .grid-section {
    margin: 0 !important;
}
/*
section.tag-section.article .grid-section .post-top,.authors-section  .post-top{
    justify-content: start;
    font-size: 1rem !important;
}*/
section.tag-section.article .grid-section .post-top .date {
    margin-left: 10px;
}
section.tag-section.article .grid-section .content-part.content{
    width: calc(100% - 178px);
    flex-grow: 1;
}
section.tag-section.article .grid-section .post-top .category-name {
    margin-right: 10px;
}
section.tag-section.article .grid-section .audio-info {
    font-size: 1rem !important;
}
section.tag-section.calculator .grid-section h3 {
    font-size: 1.25rem !important;
}
section.tag-section.calculator .grid-section p {
    font-size: 0.875rem !important;
    margin-bottom:0.5rem ;
}

.contact-block{
  display: block;
  width: 100%;
  padding: 2rem;
  border-radius: 10px;
  box-shadow: 0 0 20px 0 rgba(25, 55, 94, 0.1);
  flex-direction: column;
  align-items: flex-start !important;
  
}
.main-post .image-background{
    position: absolute;
    display: block;
    top: -.5rem;
    right: 0;
    left: 15%;
    width: 82%;
    height: 96%;
    z-index: -1;
    background-size: cover !important;
}
.single-post .logbook-wp-wp-blog-section .image-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 600px;
    width: 100%;
    background-size: cover !important;
}
.single-post .logbook-wp-wp-blog-section > .container > .row  >.col-lg-12 > .blog-wrap{margin: 0px 0 2rem;}
.single-post-content ul {
    list-style-position: outside;
    margin-left: 1rem;
}
.featured h2,.category-section h2, .tag-section h2{
    font-size: 2rem !important;
    font-weight: 600 !important;
    margin-bottom: 0.3rem !important;

}
.category-section h2.category-title, .tag-section h2.tag-title,.category-description, .tag-description{
    padding: 0 1rem;
}
.featured h2{
    flex-grow: 1;
}
.featured h2 a,.category-section h2 a, .tag-section h2 a{
    color: #373737;
}
.featured h3{
    font-size: 1.25rem;
    font-weight: 500;
}
.sidebar ul.menu a{
    display: flex;
    align-items: center;
}
.sidebar h3{
    font-size: 1.625rem !important;
    font-weight: 700 !important;
     color: #373737;
}
.sidebar.col-lg-4 {
    padding-right: 0;
}
.post-card h3{
    font-size: 1.375rem;
    font-weight: 500;
}
.latest-articles h3{
    font-size: 1.25rem;
    font-weight: 500;
}
.grid-section .category-name a{  
    font-size: 1.125rem;
    font-weight: 500 !important;
}
.category-name a{  
    font-size: 1.25rem;
    font-weight: 500 !important;
}
section.category-section + section.category-section {
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}
.grid-section  .category-name{margin: 0 0 0.3rem;}
.grid-section .small-post .category-name{margin: 0 ;font-weight: 500;}
.hidden-s .category-link{ 
   /* font-size: 1.25rem;*/
    font-weight: 500;
    padding-top: 6px;
    display: inline-block;
}
.logbook-wp-wp-blog-section .blog-wrap .content-part .category-name a {
    padding: 0;
    margin: 0 0 0.2rem;
    font-weight: 500;
    background-color: transparent;
    color: #2f59d8 !important;
}
.grid-section .blog-wrap .content-part {
    justify-content: space-between !important;
    flex-grow: 1;
}
.blog-wrap-small .content-part .category-name a{
    font-size: 1rem;
}
.blog-wrap-small .content-part h3, .small-post  .content-part h3{
    font-size: 1rem !important;
    font-weight: 600 !important;
    line-height: 1.375rem !important;
    color: #373737;
    margin-bottom: 0 !important;
}

.blog-wrap-small .content-part h3 a , .small-post  .content-part h3 a{
    color: #373737;
}
.grid-section .blog-wrap .content-part h3 a, .logbook-wp-wp-blog-section .grid-section .blog-wrap .content-part h3 a{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4; /* Number of lines to show */
    line-clamp: 4; /* For other browsers */
    -webkit-box-orient: vertical;
}
.tag-section.playlist .blog-wrap .content-part h3 a, .tag-section.casestudy .blog-wrap .content-part h3 a{
    -webkit-line-clamp: 3; /* Number of lines to show */
    line-clamp: 3; /* For other browsers */
}
.big-post .post-card .category-name a{
    font-size: 1.125rem;
}
.logbook-wp-wp-blog-section .blog-wrap .content-part h3 a {
    font-weight: 500;
}
.line {
    width: 79px;
    height: 4px;
    margin: 0em 0 1em 0;
    background: #2f59d8;
  }
  .grid-section .line{margin: 2rem 0 .8rem 0;}
.author-meta {
    font-size: 1rem;
}
.author-name,.author-title{
    margin-bottom: 0 !important;
}
.author-name a{
    color: #373737;
}
.author-avatar {
    position: relative;
}
.author-avatar img {
    margin: 0;
    padding: 1px 0 0;
    opacity: 1;
    border-radius: 50%;
}
.yes:before {
    content: "";
    background: url(./assets/images/Leaves.png) no-repeat center center;
    background-size: contain;
    display: flex;
    margin: auto;
    height: 36px;
    width: 36px;
}
.main-post-content .author-avatar img {
    height: 63px;
    width: 63px;
}
.author-list img {
    border-radius: 8px;
    margin-right: 1rem;
}
.home .author-list .line.hidden-l{
    display: none;
}
.home .author-list .line.hidden-s{
    display: block;
}
.blog-wrap time{
    font-size: 1.25rem;
    line-height: 1.11;
    color: #616161;
}
/*
.blog-wrap p{
    font-size: 1.5rem;
    line-height: 1.5;
}*/
.author-section .bottom, .oath-section  .bottom{
    padding: 2rem 0 0;
    border-top: 3px solid #e4e2e2;
    justify-content: space-between;
    align-items: center;
}
.oath-section  .bottom{
    justify-content: center;
    }
/*
.category-section, .tag-section{
    padding: 2rem 0 !important;
}
*/
.border-bottom{
    border-bottom: 3px solid #e4e2e2 !important;
}
.archive .category-section,.archive  .tag-section,section.tag-section.playlist {
    border-bottom: 0 !important;
}
.grid-section.grid {
    display: grid;
    gap: 3rem 1.5rem;
    grid-template-columns: repeat(3, 1fr);
    justify-items: center;
    align-items: start;
    justify-content: center;
    align-content: space-between;
  }

.category-top,.tag-top {
    margin: 0;
    padding: 1rem 0;
}
.category-top.flex-container ,.tag-top,.top-head,.author-section .bottom, .authors-section .post-top{
    width: 100%;
    flex-basis: 100%;
}
.top-head{
    margin: 0rem 0 2rem !important;
    padding-bottom: 1rem;
    border-bottom: 3px solid #e4e2e2;
}

.grid-section .blog-wrap time{
    font-size: 1.125rem;
    line-height: 1.11;
    color: #616161;
}
.grid-section .blog-wrap p{
    font-size: 1rem;
    line-height: 1.5;
}
.single-post .author-box{
  margin: 2rem 0;
  padding: 1.4rem;
  border-radius: 13px;
  background-color: #f7f7f7;
  }
.single-post .author-box .author-details{
  flex-grow: 1;
}
.author-list .author-details{
    margin-top: 1.4rem;
}

.post-auther-detail .author-details, .single .author-box .author-details{
  margin-left: 1rem;
  }
  
.author-box   .contact-author{
    display: inline-flex;
    align-self: center;
}

.archive-description{ white-space: pre-wrap;}
.archive .archive-description {
    white-space: unset;
}
  .author-box .author-avatar img {
    width: 133px;
    height: 133px;
    margin: 0;
    opacity: 1;
  }
.author-box h3.author-name,
.post-shares h4 {
    flex-grow: 1;
    font-size: 1.5rem;
    font-weight: 600 !important;
}
.author-box .author-description{
    font-size: 0.95rem;
}

.author-post-count{
    font-size: 1rem;
    font-weight: 500 !important;
    color: #2f59d8;
}
.content-part img{
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 0 !important;
}
.logbook-wp-wp-blog-section .blog-wrap .image-part img.big-post-thumbnail {
    border-radius: 0;
    
}
.logbook-wp-wp-blog-section .grid .blog-wrap .image-part img.big-post-thumbnail,
.logbook-wp-wp-blog-section .slick-slider-mobile  .blog-wrap .image-part img.big-post-thumbnail
 {
    aspect-ratio: 3 / 1.3;
}
/*
.grid-section .blog-wrap .image-part {
    max-height: 132px !important;
    overflow: hidden;
}*/
.line-wide {
    width: 100%;
    height: 1px;
    margin: 2rem 0;
    border: solid 1px #cacaca;
  }  
  .post-taxonomy {
    margin: 1rem 0;
    display: block;
    position: relative;
    min-height: 140px;
}
  .post-taxonomy ul,.icon-contact-list{ list-style: none;display: flex; flex-flow: row wrap;}
 .post-taxonomy li{margin: 1rem 0;}
  .logbook-wp-wp-blog-section .blog-wrap .post-taxonomy a{
    display: inline-block;
  margin: 1px 10px 0 0;
  width: auto;
  padding:  8px 25px 8px;
  border-radius: 27px;
  font-size: 0.8 !important;
  font-weight: 500 !important;
  line-height: 1.25rem;
  text-transform: capitalize !important;
  color: #616161;
  background-color: #f2f2f2;
  }
  .logbook-wp-wp-blog-section .blog-wrap a.post-category, 
  .logbook-wp-wp-blog-section .blog-wrap a.post-post_tag:hover{
    color:#ffffff;
    background-color: #2f59d8;
  }
  .logbook-wp-wp-blog-section .blog-wrap a.post-category:hover{
      color: #616161;
      background-color: #f2f2f2;
  } 
 
  .post-shares {
    min-height: 239px;
    border: solid 1px #cacaca;
    border-left:0 ;
    border-right:0 ;
    margin: 1rem 0;
    padding: 50px 0;
  }

  .share-contact,   .post-shares .addtoany_shortcode a,.icon-contact-list a{
    width: 74px;
    height: 74px;
    margin: 0 15px 0 2px;
    padding: 1.3rem;
    border-radius: 8px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.07);
    background: #fff;
    color:#373737 !important;
    border: 0;
  }
  
.share-contact{width: 100% !important;display: flex;align-items: center;font-weight: 500;background: #fff !important;
    border: 0 !important;margin: 0 !important;}
.share-contact:hover,.post-shares .addtoany_shortcode a:hover{
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2) ;
} 
.contact-author .share-contact{
    font-size: 0.874rem;
    padding: 0.5rem;
}
.share-contact .comment:before{
    content: "";
    background: url('./assets/images/icons8-comments.svg') no-repeat center center;
    background-size: contain;
    display: inline-flex;
    width: 36px;
    height: 36px;
    margin-right: 17px;
    margin-top: 10px !important;
}

.comment-respond .comment-reply-title, .newsletter h3,h2.comments-title {
    font-size: 2rem !important;
    font-weight: 700 !important;
}
.comment-respond .comment-form p{
    width: 100%;
}
#commentform {
    margin-top: 0;
    padding: 2rem;
    border-radius: 13px;
    background-color: #f7f7f7;
  }
 #commentform label,#commentform p{font-size: 0.85rem; }
 #commentform .submit{text-transform: capitalize;}
  .comment-form .comment-form-comment #comment{
    max-height: 122px;
  }
  .comments-area .comment-list .comment-body {
    margin: 1rem .2rem;
    padding: 1.3rem;
    padding-left: 6rem;
    border-radius: 13px;
    background-color: #f7f7f7;
    margin-bottom: 0;
    width: 100%;
}
.comments-area .comment-author {
    margin-bottom: 0;
}
.comment-metadata time {
    font-size: 0.8rem;
}
ol.comment-list li.comment .comment-body:before{
    content: "";
    background: #2f59d8 url('./assets/images/icons8-comments-w.svg') no-repeat center center;
    background-size: 50%;
    border-radius: 50%;
    display: inline-flex;
    width: 36px;
    height: 36px;
    margin-right: 17px;
    margin-top: 10px !important;
    position: absolute;
    left: 2rem;
    top: 1rem;
}
.comments-area .comment-list li img {
    display: none;
}
p.pre {
    white-space: pre-wrap;
}
.newsletter {
    position: relative;
    padding: 3em 5rem !important;
    border-radius: 10px;
    box-shadow: 0 0 20px 0 rgba(25, 55, 94, 0.1);
    background-color: #fff;

    min-height: 300px;
    width: 100%;
    z-index: 2;    
}
.single-post .newsletter {    margin: 2rem 1rem 4rem;}
.newsletter >.flex {
    justify-content: space-between !important;
}
.newsletter-form {
    max-width: 512px;
    padding-top: 0.6em;
}
.newsletter-form .row > div {
    padding: 0 !important;
}
.newsletter-form .row .col-md-4 {
    text-align: right;
}
.newsletter span.wpcf7-spinner {
    position: absolute;
    top: 3em;
}
.newsletter .wpcf7-list-item,.newsletter .wpcf7-list-item label{margin: 0;}
.newsletter p {
    font-size: 1.250rem;
    margin-top: 8px;
}
 .newsletter-form .wpcf7-form-control-wrap input[type="text"],   .newsletter-form .wpcf7-form-control-wrap input[type="email"],  .newsletter-form .wpcf7-form-control-wrap  input[type="url"]{
    height: 48px;
    padding: 1rem;
    border-radius: 10px !important;
    border: solid 1px #d5d5d5;
    background-color: #f1f7fc;
  }
.newsletter-form  .wpcf7-submit{
    font-weight: 600;
    padding: 11px 33px !important;
    font-size: 1.125rem;
    border: 1px solid #2f59d8;
    background-color: #2f59d8; 
}
span.wpcf7-form-control.wpcf7-acceptance {
    font-size: 0.75rem !important;
}
.wpcf7-submit, .submit, .button{font-size: 18px !important;text-transform: capitalize;}
.checkbox-list ,.author-list{
    list-style-type: none;
    min-width: 275px;
    flex-wrap: wrap;
}
.flex{display: flex;}
.author-list li{margin: 10px .5rem; }
.checkbox-list li {
    display: flex;
    align-items: center;
    margin: 12px 0;
    font-size: 1.250rem;
}
.checkbox-list li::before{
    position: relative;
    content:"";
    width: 20px;
    height: 20px;
    margin: 0 12px 0 0;
    border-radius: 4px;
    background: #fff url('./assets/images/entypo_check.svg') no-repeat center center;
}
ul.author-list.author-slick-slider {
    max-height: 340px;
}
.blue-background {
    position: relative;
}
.blue-background::before {
    content: "";
    position: absolute;
    top: -200px;
    bottom: -200px;
    width: 200%;
    height: 670px;
    z-index: 0;
    margin-left: -50%;
    background-color: #2f59d8;
}
.authors-section{
    padding: 2em 0 1rem;
    
}
.authors-section::before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: -50%;
    width: 200%;
    height: 136%;
    background-color: #e4e2e2;
    z-index: -1;
}

.oath-section{
    position: relative;
    width: 80%;
    margin: 2rem auto;
    padding: 5rem;
    border-radius: 10px;
    box-shadow: 20px 20px 80px 0 rgba(0, 0, 0, 0.18);
    background-color: #fff;
}
.oath-section img{text-align: center;
    margin: 0 auto 1rem;
    display: block;}

.oath-section::before{
    content: "";
    position: absolute;
    display: block;
    top: auto;
    bottom: -4rem;
    left: 0;
    right: 0;
    width: 300%;
    height: 40vh;
    z-index: -1;
    margin-left: -100%;
    background-color: #334049;
}
.footer-section  a, .footer-section  h2{
    color: #ffffff !important;
}
.footer-newsletter {
    padding-top: 6rem;
}
.footer-section .footer-top ul li {
    margin-left: 0;
    margin-bottom: 0;
    line-height: 30px;
}
.footer-section  .wp-block-image.aligncenter {
    display: block !important;
    text-align: center;
    margin: auto;
}
.footer-section .wp-container-core-social-links-is-layout-2.wp-container-core-social-links-is-layout-2{
    justify-content: flex-end;
}
.footer-section .logo-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18vh 0;
}
.footer-section .newsletter-form-footer label, .footer-section .newsletter-form-footer p, .newsletter-form-footer h2{
    color: #ffffff;
}
.newsletter-form-footer h2{
    margin-top: 20px;
}
.newsletter-form-footer .wpcf7-spinner{position: absolute;}
.newsletter-form-footer span.wpcf7-form-control.wpcf7-acceptance {
    max-width: 100%;
    display: inline-block;
}
.newsletter-form-footer span.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item{
    margin: 10px 0 !important;
}
.newsletter-form-footer {
    text-align: left;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: flex-start;
}
.newsletter-form-footer .wpcf7-submit, button:not(.slick-arrow), .submit, .button, .btn-primary, .btn, .blog-wrap p a.button {
    padding: 12px 30px;
}
.footer-newsletter .row.justify-content-center.align-items-center .col-lg-12.text-center{
    padding: 0;
}
.newsletter-form-footer div.wpcf7  {
    max-width: 471px;
    height: 100%;
    padding: 10px 0;
}
.newsletter-form-footer div.wpcf7  > .row{
    align-items: center;
    align-content: center;
}
section#block-7 {
    margin: 6rem 0 9rem;
}
.footer-section .footer-top h2.widget-title {
    font-size: 1.5rem !important;
}
.footer-section .wp-container-core-social-links-is-layout-2.wp-container-core-social-links-is-layout-2 {
    justify-content: center;
    gap: 2rem;
}
.footer-section .copyright-footer,.footer-section{
background-color: #334049;
}
.footer-section .copyright-footer .container,.footer-section .footer-newsletter .container{
    border-bottom: solid 3px #414e58;
}
footer section#block-2 {
    text-align: center !important;
    margin: 5rem 0;
}
.footer-section .footer-top ul li a{
    font-size: .88rem;
}
.footer-section .footer-top ul li a:hover{
    color: #2f59d8;
}


body .footer-section .footer-top .widget_block h2:before,.footer-section .footer-top .widget-title::before{
    display: none;
    content: none;
}
body .footer-section .footer-top .widget_block h2:after,.footer-section .footer-top .widget-title:after{
    background-color: #2f59d9;
}
body .footer-section .wp-block-social-links.is-style-logos-only .wp-social-link svg {
    height: 2rem;
    width: 2rem;
}
/*********** slick **********/
.arrow-wrap{
    display: flex;
}
.arrow-prev,
.arrow-next {
    font-size: 0;
    position: relative;
    cursor: pointer;
    border-radius: 50%;
    height: 49px;
    width: 49px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-items: center;
    justify-content: center;
    border: 0 !important;
}
section.tag-section.calculator .arrow-next{
    height: 42px;
    width: 42px;
}
a.icon-plus-round.summurai_add_to_playlist:hover {
    cursor: pointer;
}
a.icon-plus-round.summurai_add_to_playlist:hover i:before ,button:hover i:before,.icon-plus-round:hover .icon-arrow::before{
    filter: brightness(65%);
}
.playlist-button {
    color: #ffffff;
    background-color: #193794 !important;
    display: flex;
    padding: 2px 6px 2px 2px;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
}
.playlist-button:hover {
    cursor: pointer;
    background-color: #13255b !important;
}
span.summurai_playlist_item_count {
    padding: 0px 4px 0px 16px;
}
.playlist-button  .icon-playlist::before{
    filter: brightness(0) invert(1);
}
.playlist-button-s {
    display: flex;
    align-items: center;
}
button.arrow-prev {
    margin-right: 12px;
}

.arrow-prev span,
.arrow-next span{
display: none;
}
.arrow-prev .icon-arrow::before,
.arrow-next .icon-arrow::before {
    content: "";

    background: transparent url('./assets/images/icons8-back_to.svg') no-repeat center center;    

    background-size: contain;
    display: block;
    width: 42px;
    height: 42px;
}
.arrow-next .icon-arrow::before {
    background: url('./assets/images/icons8-next_page.svg') no-repeat center center;
 }
 .slick-arrow{
    border-radius: 50% !important;
    background-color: transparent !important;
 }
 .slick-arrow.slick-disabled .icon-arrow::before {
    filter: grayscale(100%);
 } 
/*
.arrow-prev .icon-arrow::before,
.arrow-next .icon-arrow::before {
    content: "";
    background: url('./assets/images/angle-left.svg') no-repeat center center;
    background-size: contain;
    display: block;
    width: 18px;
    height: 18px;
}
.arrow-next .icon-arrow::before {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
*/
/*********** icons **********/
.audio-info,.audio-info span{
    display: flex;
    align-items: center;
}

.icon-plus:before{
    content: "";
    background: url('./assets/images/icons8-plus.svg') no-repeat center center;
    background-size: contain;
    display: inline-flex;
    width: 45px;
    height: 45px;
    margin: 0 0 0 8px;
}
i.icon-plus {
    display: flex;
}

.icon-sound:before,body .need-to-read-part i::before{
    content: "";
    background: url('./assets/images/icons8-audio.svg') no-repeat center center;
    background-size: contain;
    display: inline-flex;
    width: 24px;
    height: 24px;
    margin: 8px;
}
.icon-info:before{
    content: "";
    background: url('./assets/images/icon-info.svg') no-repeat center center;
    background-size: contain;
    display: inline-flex;
    width: 16px;
    height: 16px;
    margin: 0 2px 0 8px;
}
.icon-menu-vertical:before,.playlist-button .icon-playlist a:before,.playlist-button  .icon-playlist::before {
    content: "";
    background: transparent url('./assets/images/ci_hamburger-md.svg') no-repeat center center;
    background-size: contain;
    display: inline-block;
    width: 28px;
    height: 28px;
    margin: 6px;
}
.sidebar ul.menu .icon-brains a:before{
    background: url('./assets/images/icons8-brain.svg') no-repeat center center;}
.sidebar ul.menu .icon-calculator a:before{
    background: url('./assets/images/icons8-calculator.svg') no-repeat center center;}
.sidebar ul.menu .icon-playlist a:before, .icon-playlist a:before, .playlist-button  .icon-playlist::before{
    background: url('./assets/images/icons8-playlist.svg') no-repeat center center;}

.sidebar li.wp-social-link.wp-block-social-link svg{display: none;}
.icon-contact-list a{
    display: flex;
    height: 42px;
    width: 42px;
    padding: 0;
    justify-content: center;
    align-items: center;
    }
.sidebar  li.wp-social-link a.wp-block-social-link-anchor::before,.icon-contact-list i::before{
    content: "";
    background: url('./assets/images/icons8-facebook.svg') no-repeat center center;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin: 8px;
}
.icon-contact-list i::before{
    margin: auto;
}
.sidebar li.wp-social-link.icon-twitter a.wp-block-social-link-anchor::before,.icon-contact-list i.icon-twitter::before{
    background: url('./assets/images/icons8-twitter.svg') no-repeat center center;
}
.sidebar li.wp-social-link.icon-instagram a.wp-block-social-link-anchor::before,.icon-contact-list i.icon-instagram::before{
    background: url('./assets/images/icons8-instagram.svg') no-repeat center center;
}

.sidebar li.wp-social-link.icon-youtube a.wp-block-social-link-anchor::before,.icon-contact-list i.icon-youtube::before{
    background: url('./assets/images/icons8-youtube.svg') no-repeat center center;
}

.sidebar li.wp-social-link.icon-linkedin a.wp-block-social-link-anchor::before,.icon-contact-list i.icon-linkedin::before{
    background: url('./assets/images/icons8-linkedin.svg') no-repeat center center;
}
.sidebar li.wp-social-link.icon-facebook a.wp-block-social-link-anchor::before,.icon-contact-list i.icon-facebook::before{
    background: url('./assets/images/icons8-facebook.svg') no-repeat center center;
}
.sidebar li.wp-social-link.icon-email a.wp-block-social-link-anchor::before,.icon-contact-list i.icon-email::before{
    background: url('./assets/images/icons8-letter.svg') no-repeat center center;
}
/*********** end icons **********/
/*********** tool tip **********/
.info-tooltip {
    position: relative;
    display: inline-block;
    cursor: help;
}

.info-tooltip:hover::before {
    content: attr(data-original-title);
    position: absolute;
    top: -30px; /* Adjust this value based on your design */
    left: 50%;
    transform: translateX(-50%);
    padding: 10px;
    min-width: 280px;
    background-color: #333;
    color: #fff;
    border-radius: 5px;
    white-space: wrap;
    display: none;
    font-size: 0.8rem;
    z-index: 4;
}

.info-tooltip:hover::before {
    display: block;
}

/*********** end tooltip **********/
/*********** calculators **********/
.product-sensor {
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.11);
    background-color: #fff;
    padding: 2rem;
    border-radius: 13px 13px 0 0 ;
}
.calculator-component {padding: 0 !important;margin: 0 !important;}
.calculator-component .btn{
    font-weight: 600;
    border-radius: 10px;
    padding: 12px 32px !important;
    margin: 1rem 0 !important;
}
.product-sensor h3.section-divider {
    font-weight: 600 !important;
    margin-top: 1rem;
}
.calculator-component .form-group{
    width: 100% !important;
}
.calculator-component form .row{
    margin: 0 ;
}
.calculator-component form .row [class*="col-"], .wpcf7-form  .row [class*="col-"]{
    margin: 0 ;
    padding: 0 ;
}
.calculator-component .card {
    background: #2f59d8;
    color: #fff;
    padding: 2rem;
    border-radius: 0 0 13px 13px ;
}
.calculator-component .card h4{
    color: #fff;
    font-weight: 600 !important;
}
.calculator-component .card .span,.calculator-component .muted{
font-size: 0.875rem !important;
}
.calculator-component .card .res{
font-size: 2.5rem;
}
.calculator-component .output-colon {
    display: none;
}
.calculator-component label.flex-row.justify-between > span{
    max-width: 90%;
}
.hidden{visibility: hidden;}
/* TOGGLE STYLING */
.calculator-component .rbtn {
    border: solid 1px #cacad6;
    display: inline-block;
    padding: 10px;
    background: #fff;
    position: relative;
    text-align: center;
    transition: background 600ms ease, color 600ms ease;
  }
  .rbtn.left{border-radius: 8px 0 0 8px;}
  .rbtn.right{border-radius:  0 8px 8px 0 ;}


.calculator-component label.flex-row.justify-between span {
    max-width: 87%;
}
  .toggle[disabled] + label {
    cursor:not-allowed;
    opacity: 0.5;
  }
  input[type=radio].toggle {
    display: none;
  }
  input[type=radio].toggle + label {
    cursor: pointer;
    width: 50%;
  }
  input[type=radio].toggle + label:hover {
    background-color: #fff;
  }
  input[type=radio].toggle + label:after {
    background: #2f59d8;
    content: "";
    height: 100%;
    position: absolute;
    
    top: 0;
    transition: left 200ms cubic-bezier(0.77, 0, 0.175, 1);
    width: 100%;
    z-index: -1;
  }
  input[type=radio].toggle.toggle-left + label {
    border-right: 0;
  }
  input[type=radio].toggle.toggle-left + label:after {
    left: 100%;
  }
  input[type=radio].toggle.toggle-right + label {
    margin-left: -5px;
  }
  input[type=radio].toggle.toggle-right + label:after {
    left: -100%;
  }
  input[type=radio].toggle:checked + label {
    cursor: default;
    background: #2f59d8;
    color: #fff;
    transition: color 200ms;
  }
  input[type=radio].toggle:checked + label:after {
    left: 0;
  }

  .calculator-component input[type="text"], .calculator-component input[type="number"],  .calculator-component select{
    border: 1px solid #cacad6;
    border-radius: 8px !important;
    padding: 2px 10px;
    width: 100%;
    height: 36px !important;
  }
  input[type="text"], input[type="email"], input[type="url"] ,textarea{
    border: 1px solid #cacad6 !important;
    border-radius: 8px !important;
    padding: 2px 10px;
    height: 36px;
  }
  textarea{
    height: 136px;
  }

  .calculator-component .form-group {
    width: 100% !important;
    display: flex;
    flex-direction: column;
    justify-content:flex-start;
}
.laserPeakPower-calc .form-group.radio,.powerDensity-calc  .form-group.radio{
    display: block;
    clear: both;
    float: inline-start;
}
.laserPeakPower-calc .form-group.radio label.flex-row,.powerDensity-calc  .form-group.radio label.flex-row{
    display: flex;
    float: none;
    clear: both;
}
.calculator-component #laserFocusability-form .form-group {
    margin-bottom: 0;
    justify-content: space-between;
}
.calculator-component #laserFocusability-form .col-lg-6.col-md-12.px-2{
    margin-bottom: 1.4rem;
}
.calculator-component span.grow{
    flex-grow: 1;
    margin-left: 8px;
}
/*********** end calclators **********/
.post-sub-link ul{list-style:disc;}
.post-sub-link li {
    display: list-item;
    margin-left: 1.3em;
    padding: 0px 0 10px 0;
}
.grid-section .small-post-thumbnail {
    display: none;
}
.grid-section .slick-slide img.small-post-thumbnail {
    display: none ;
}

.tag-section .grid-section .slick-initialized .slick-slide.blog-wrap {
    display: flex !important;
    flex-direction: column !important;
    margin: 0 1rem !important;
}
.tag-section .grid-section .slick-initialized .slick-slide.blog-wrap{
    width: 280px !important;
}

/*********** summuray **********/

body .players-play-second.playter-floating *{
    font-family: 'Montserrat', sans-serif !important;
}
body .playter-background-color{background:#2f59d8 !important}
body .playter-text-color{color:#ffffff !important}
body .playter-background-color:hover{background:#2f59d8 !important}

body .playter-color{background:#2f59d8 !important;color:#ffffff !important}

body .playter-input-shadow{box-shadow: 1px 1px 14px -5px #2f59d8 !important;}

body .players-play-second.playter-floating.no-read-text .player-inner .player-right-part ul li.playter-text-part {
    width: 32%;
}
body .players-play-second.playter-floating.no-read-text .player-inner .player-right-part ul li.playter-text-part .need-to-read-part{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    width: 100%;
}
body .players-play-second.playter-floating.no-read-text .player-inner .need-to-read-part i{top:0;}
body .players-play-second.playter-floating .player-inner .player-right-part ul {
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    align-content: center;
}
body .players-play-second.playter-floating.no-read-text .player-inner .need-to-read-part span{display: inline-flex;}
body .need-to-read-part i svg{display: none;}
body .players-play-second.playter-floating.no-read-text .player-inner .player-right-part ul li.playter-play-part {
    width: 66%;
}
body .players-play-second.playter-floating .player-inner .player-right-part ul li .p-timeandplay {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
body .players-play-second .player-inner .player-right-part ul li .listen-part .list-btn{
    min-width: 182px;
}
body .players-play-second .player-inner .player-right-part ul li .p-timeandplay .p-player-loding {
    float: none;
    padding-top: 0;
}
body .players-play-second .player-inner .player-right-part ul li .player-time {
    float: none;
    padding-top: 0;
}
body .players-play-second.playter-floating.no-read-text .player-inner .player-right-part ul li .p-timeandplay .p-player-loding {
    width: 66% !important;
}

/* Pagination Container */
.pagination .nav-links{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0;
    list-style-type: none;
    padding: 0;
}

/* Pagination Links */
.pagination a,
.pagination span {
    margin: 0 5px;
    padding: 8px 16px;
    text-decoration: none;
    border: 1px solid #ddd;
    color: #333;
    font-size: 1rem;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Active Page */
.pagination .current {
    background-color: #fff;
    color: #00265c;
    border-color: #333;
    border: 1px solid #333;
}

/* Hover Effects */
.pagination a:hover {
    background-color: #00265c;
    border-color: #bbb;
    color: #fff;
}

/* Disable Previous/Next Links */
.pagination .prev.disabled,
.pagination .next.disabled {
    pointer-events: none;
    color: #aaa;
    border-color: #ddd;
}

/* Prev/Next Buttons */
.pagination .prev,
.pagination .next {
    font-weight: bold;
}

/* Arrow for Prev/Next Buttons */
.pagination .prev:before {
    content: "«";
    margin-right: 8px;
}

.pagination .next:after {
    content: "»";
    margin-left: 8px;
}
.pagination-wrap {
    margin: auto;
}
.playlist p.mb-5.mt-2.px-sm-4 {
    margin-top: 1.4rem !important;
}
.hidden-m{
    display: none;
}

.grecaptcha-badge { visibility: hidden; } /* Hide recaptcha badge
/*********** media queries **********/
@media screen and (min-width: 768px) {
    .post-readmore {
        position:absolute;
        bottom:15px;
    }
    .post .post-content {height:435px;}
    .post {text-align: left;}
    .logbook-wp-wp-blog-section .pagination {justify-content: center;}
    .wp-index-blog-section {columns:1;text-align: center;column-width: auto;}
    .logbook-wp-wp-blog-section .blog-wrap .image-part img {width:100%;}
    li.home-link {vertical-align: bottom;}
    .noPad {padding: 0px !important;}
    .calculator-component .row.gray,.row.gray {
        background: #f7f7f7;
        padding: 2rem;
        border-radius: 13px;
    }

    .single-post-content p,.single-post-content li{
        font-size: 1.375rem !important;
    }
    .single-post-content ul {
        margin-left: 1.2rem;
    }

    .post-shares .share{
        flex-basis: 70%;
      }
      
     .post-shares .contact {
        flex-basis: 30% !important;
    }
    section.tag-section.article .sidebar {
        margin-top: -3.8rem;
    }
    section.tag-section.article .grid-section .blog-wrap-small img{
        width: 237px;
    }
    section.tag-section.article .grid-section .content-part.content {
        width: calc(100% - 350px);
        flex-grow: 1;
    }
    .footer-section .newsletter-form-footer label, .footer-section .newsletter-form-footer p, .newsletter-form-footer h2{
        margin: 0;
    }
    .newsletter-form-footer h2 {
        padding-top: 1.3rem;
    }
    .newsletter-form-footer input[type="email"] {
        height: 51px;
        max-width: 100%;
    }
    .newsletter-form-footer .col-md-8.col-sm-12 {
        padding-right: 1rem !important;
    }
    .line.hidden-l {
        display: none;
    }
    .line.hidden-s {
        display: block;
    }
} /* end min width 768  */

@media screen and (min-width: 576px) and (max-width: 1169px) {
        .container, .container-sm {
            max-width: 100% !important;
        }
        .blog-wrap p a.button {
            padding: 15px 2px !important;
        }
        .grid-section .slick-track .blog-wrap {
            padding: 1rem;
        }
        
} /* end min width 576 max 1169 */

@media screen and (min-width: 1301px) {
.post img {max-height: 256px;} /* 576*256 */
.post {width: 576px;}
.top-header-social {margin-top: 20px;}
/* two columns on hp */
/*.home .container {max-width: 100%!important;}
.home .col-lg-4 {flex:0 0 350px;max-width: 350px;padding-left: 0px;}
.home .col-lg-8 {flex:1 1 930px;max-width: none;padding-right: 0px;}*/
.home .posts-grid {display: flex; flex-wrap: wrap;}
/*.home .blog-wrap {flex:1 1 500px; margin-right:25px;background-color: white;}*/
} /* end min width 1301 */
@media screen and (min-width: 1170px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1170px;
    }
    .grid-section .blog-wrap{
        max-width: 320px;
    }
    .grid-section.grid .blog-wrap{
        max-width: 100%;
      /*  min-width: 320px;   */
        min-height: 480px;
    }
    .logbook-wp-wp-blog-section .blog-wrap:not(.post-card){
        /*padding: 6rem !important;*/
    }
    .footer-top .row .col-md-3 {
        padding-left: 0;
        flex: 0 0 28%;
        max-width: 28%;
    }
    .footer-top .row .col-md-3:last-of-type {
        padding-right: 0;
        max-width: 16%;
    }
    .copyright-footer .row .col-lg-6 {
        padding: 0;
    }
    .newsletter-form-footer > .row {
        align-items: center;
    }
  .newsletter-form-footer > .row .col-md-8.col-sm-12 p{
    padding-right: 1rem;
  }
  .category-section > .hidden-l{
    display: none;
  }

}
/*@media screen and (min-width: 1024px) {*/
@media screen and (min-width: 980px) {

    .top-head {
        padding-bottom: 1rem;
        border-bottom: 3px solid #e4e2e2;
    }
    .mLogo {width: 192px; height: 35px;    margin-top: -9px;
        margin-bottom: 5px;}

    #main > .container >.row{
        /*padding: 0 1rem;*/
        padding: 0 ;
    }/*
    #main .container {
        padding: 0;
    }*/
    .single-post-content p {
        max-width: 80%;
    }
    .logbook-wp-main-navigation ul.logbook-wp-nav-menu > li > a {
        padding: 12px 6px;
    }
    .grid-section .small-post .blog-wrap{
        position: relative;
        margin: 0;
        border-radius: 10px !important;
        box-shadow: 0 0 20px 0 rgba(25, 55, 94, 0.1) !important;
        background-color: #ffffff;
        padding: 1rem;
        height: 149px !important;
        min-height: 149px;
        max-height: 100%;
        max-width: 100%;
        align-content: flex-start;
        display: flex;
        justify-content: space-between;
    }
    .image-part.thumb, .small-post .image-part{
        max-width: 108px !important;
        margin-right: .6em;
    }
    .small-post .audio-info i.icon-sound, .small-post .audio-info time, .small-post .date, .small-post .line{
        display: none;
    }
    .small-post .audio-info {
        position: absolute;
        top: 0;
        right: 0;
    }
  .small-post .icon-plus:before{
    height: 32px;
    width: 32px;
    }
    .small-post .post-card .flex-col{
        /*flex-flow: row wrap !important;*/
        align-items: center;
    }
    
    .small-post .content-part.content {
        width: calc(100% - 120px);
    }
 
    /* Styles for small post */
    .small-post .big-post-thumbnail {
        display: none;
    }
    .small-post .small-post-thumbnail {
        display: block;
    }

    .logbook-wp-wp-blog-section  .small-post .blog-wrap .content-part h3 a{
        font-size: 1rem;
    }
    .small-post .content-part .category-name a,.blog-wrap-small .content-part .category-name a{
        font-size: 0.875rem;
    }

    .grid-section.grid {
        display: grid;
        gap: 1.5rem;
        grid-template-columns: repeat(3, 1fr);
        justify-items: center;
        align-items: start;
        justify-content: center;
        align-content: space-between;
      }
    .grid-section.grid-4 {
        display: grid;
        gap: 1.5rem;
        grid-template-columns: repeat(4, 1fr);
        justify-items: center;
        align-items: start;
        justify-content: center;
        align-content: space-between;
      }
      section.grid-section.grid .big-post .blog-wrap.mb-25{
        margin-bottom: 0 !important;
      } 
    .category-section  .grid-section {
        display: grid;
        gap: 1.5rem;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(3, 1fr);
        margin-bottom: 1.4rem;
      }  
    .category-section .grid-section .big-post {
        grid-row: 1 / span 3;
    }
    .category-section .grid-section .big-post .blog-wrap {

        height: 100%;
    }
}/* end min width 980 */
@media screen and (max-width: 1230px) {
    #main > .container > .row > .col-lg-12{
        padding: 0 !important;
    }
    .oath-section {
        margin: 1rem auto;
        padding: 3rem;
    }
    header .is-search-form:not(.is-menu.sliding form){display: none;}
    .hidden-s{
        display: none;
    }
    .logbook-wp-menu-toggle {
       padding: 2px 20px 2px 0 !important;
       height: 40px;
        position: relative;
        top: auto;
        right: auto;
        -webkit-transform: none;
        -moz-transform:none;
        -ms-transform:none;
        -o-transform: none;
        transform:none;
        display: inline-block!important;
    }

    .logbook-wp-main-navigation a {
        color: #373737 !important;
        padding: 12px 20px 12px;
    }
    .logbook-wp-main-navigation ul.logbook-wp-nav-menu {
        position: absolute;
        top: 40px;
        right: 43px;
        left: auto;
        background-color: #fff;
        margin-top: 20px;
        border-radius: 8px;
        box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.09) !important;
        padding: 1rem;
        display: none;
        z-index: 3;
    }
        /* mobile menu logo */
        .menu-image-title-after.menu-image-title {padding-left: 0px;}
        .logbook-wp-main-navigation {text-align: left;}
        .logbook-wp-main-navigation li{
            display: block !important;
        }
        .logbook-wp-sticky {display: flex;justify-content: space-between;}
        .no_mobile {display: none!important;}
        img.mLogo {max-width: 150px;    }
        
        .is-menu path.search-icon-path {
            fill: #373737 !important;
        }

}
@media screen and (max-width: 979px) {
    .top-head {

        padding: 0 1rem 1rem;
    }
    
    .logbook-wp-wp-blog-section .pagination {padding-bottom: 30px;}

    .single-post .logbook-wp-wp-blog-section .image-background {
        top: 0px;
    }

    .oath-section,.newsletter-section,.authors-section {
        width: 100%;
        margin: 2rem 1rem;
        padding: 2rem;
    }

    .home .newsletter::after, .main-post-content .content-part::after{
            content: "";
            position: absolute;
            display: block;
            top: 0;
            left: 0;
            width: 100%;
            height: 13px;
            border-radius: 10px 10px 0 0;
            background-color: #2f59d8;        
    }
    .newsletter h3 {
        font-size: 1.5rem !important;
        padding-bottom: 1.5rem !important;
        border-bottom: solid 1px #c4c4c4;
    }
    .newsletter .checkbox-list{
        max-width: 33%;
    }
    .newsletter-form {
        max-width: 66%;
    }
    .newsletter .wpcf7 label{
        margin-top: 0;
    }

    .hero-section .sidebar{display: none;    }
    .main-post-content .content-part {
        max-width: 100%;
        margin: 1rem 0;
        padding: 2rem;
    }
    .page-id-3532 article.type-page{padding: 2rem !important;}
    .main-post-content .image-background {
        right: -20%;
        top: -1em;
        left: -20%;
        width: 200%;
        height: 95%;
        background-size: cover !important;
        z-index: -1;
    }
    .main-post-content .post-auther-detail {
        margin: 1rem 0;
        padding-bottom: 1rem;
        border-bottom: 1px solid #c4c4c4;
        width: 100%;
        justify-content: start;
    }
    .audio-info {
        width: 100%;

    }
    .icon-plus:before {
        width: 28px;
        height: 28px;
    }
    .icon-sound:before{
        width: 21px;
        height: 21px;
    }
    section.category-section button.slick-arrow {
        position: absolute;
        top: 0;
        z-index: 2;
    }
    section.category-section button.slick-arrow.arrow-next {
        left: 60px;
    }

    .grid-section.slick-slider-mobile .slick-slider .slick-track,.grid-section.slick-slider-mobile  .slick-slider .slick-list {
        padding: 0 !important;
    }
    .grid-section.slick-slider-mobile .slick-list , .slick-slider-front .slick-list{
        padding:0 20% 0 3% !important;
    }
    .home #main > .container {
        padding: 0;
    }
    .category-top, .tag-top {
        padding: 1rem;
    }
    .grid-section,.sidebar{
        padding: 0 1rem !important;
    }
    .category-section .grid-section{
    display: grid;
    grid-template-columns:  repeat(2, 1fr);
}
    .grid-section.grid.border-bottom{
        padding-bottom: 2rem !important;
    }
    .contact-block{
        margin: 1rem 0;
    }
    .hone .oath-section{
        margin: 2rem !important;
    }
    section.newsletter-section.col-lg-12.p-0 {
        margin: 1rem;
    }

    .author-details {
        margin-top: 1rem;
    }
/*
    .grid-section:not(.grid) .grid-item {
        width: 48%;
    }*/
    .grid-section .grid-item .blog-wrap{
        position: relative;
        margin: 0;
        border-radius: 10px !important;
        box-shadow: 0 0 20px 0 rgba(25, 55, 94, 0.1) !important;
        background-color: #ffffff;
        padding: 1.4rem .4em 1.4em 1.4em !important;
        height: 149px !important;
        min-height: 149px;
        max-height: 100%;
        width: 100%;
        max-width: none;
        align-content: flex-start;
        display: flex;
        justify-content: space-between;
    }
    .grid-section.grid {
    gap: 1.5rem 1rem;
    grid-template-columns: repeat(2, 1fr);
    }
    .grid-section.grid > .blog-wrap.post-card {
        max-width: 100%;
        width: 360px;
    }
    .grid-item .image-part{
        max-width: 108px !important;
        margin-right: .6em;
    }
    .grid-item .audio-info i.icon-sound, .grid-item .audio-info time, .grid-item .date, .grid-item .line{
        display: none;
    }
    .grid-item .audio-info {
        position: absolute;
        top: 0;
        right: 0;
    }
    .logbook-wp-wp-blog-section .grid-item .blog-wrap .content{
        flex-direction: row;
    }
    /*
    .grid-item .post-bottom{
        width: 20%;
    }*/
  .grid-item .icon-plus:before, .grid-item .icon-arrow::before,section.tag-section.article .icon-arrow::before,.grid-item  .icon-plus-round.arrow-next{
    height: 28px !important;
    width: 28px !important;
    }

    .grid-item .post-card .flex-col{
        /*flex-flow: row wrap !important;*/
        align-items: center;
    }
    
    .grid-item .content-part.content {
       width: calc(100% - 120px);
    }
   
    /* Styles for small post */
    .grid-item .big-post-thumbnail ,    section.tag-section.article .grid-section .blog-wrap-small .big-post-thumbnail{
        display: none !important;
    }
    .grid-item .small-post-thumbnail,    section.tag-section.article .grid-section .blog-wrap-small .small-post-thumbnail{
        display: block !important;
    }
    section.tag-section.article .grid-section .blog-wrap-small  .image-part{
        max-width: 108px !important;
        margin-right: .6em;
    }
    .logbook-wp-wp-blog-section  .grid-item .blog-wrap .content-part h3 a{
        font-size: 1rem;
    }
    .grid-item .content-part .category-name a,.blog-wrap-small .content-part .category-name a{
        font-size: 0.875rem;
    }
    .tag-section.playlist .grid-section .blog-wrap{        
        max-width: 31% !important;
        min-height: 380px;
    }
    section.tag-section.article .grid-section .content-part.content {
        width: calc(100% - 205px);
    }

    .grid-item .align-self-center.hidden-m{
        padding: 0;
    }
    
    .hidden-xs{
        display: none;
    }
    .home .hidden-m{
        display: block;
    }
   /* .hidden-l:not(.line){
        padding: 1rem 1rem 2rem;
    }*/
}/* end max width 979 */



 /*@media screen and (min-width: 768px) and (max-width: 1023px){
    .category-section  .grid-section,  .grid-section.first, .grid-section.grid{
        display: grid;
        gap: 1rem;
        grid-template-columns: repeat(3, 1fr);
      }
      .grid-section .blog-wrap {
        padding: 1.4rem !important;
        border-radius: 10px !important;
       min-width: 250px;
        max-width: 100%;
      }
} */
 @media screen and (max-width: 860px) {
    .home .tag-section.casestudy .grid-section .blog-wrap {
        max-width: 48% !important;
        width: 48% !important;
    }
 }
@media screen and (max-width: 767px) {
    html{
        font-size: 14px !important;
    }
    .home .wp-main-header .logo-area {padding: 35px 8px 20px 8px;}
    .post .wp-main-header .logo-area, .archive .wp-main-header .logo-area, .page .wp-main-header .logo-area {padding: 0px}
    .wp-index-blog-section {padding: 15px;}
    .single-post .logbook-wp-wp-blog-section .image-background {
        top: -0.4em;
        height: 500px;
    }
    .featured h2, .category-section h2, .tag-section h2 {
        margin-bottom: 0.6rem !important;
    }
    .comment-respond .comment-form p.form-submit{margin-bottom: 0 !important;}
    .single-post .logbook-wp-wp-blog-section > .container > .row >.col-lg-12 > .blog-wrap {
        margin: 0 0 0;
    }
     .single-post  .logbook-wp-wp-blog-section > .container{
        padding: 0 !important;
     }
     .single-post-content p {
        font-size: 1.3rem;
    }
    .single-post .logbook-wp-wp-blog-section .blog-wrap{padding: 0!important;box-shadow: none !important;
        background-color: transparent;}
    .single-post .logbook-wp-wp-blog-section .col-lg-12.p-sm-0{padding: 0;}    
    .single-post .logbook-wp-wp-blog-section .blog-wrap .content-part {padding:2rem 1rem 1rem !important;box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.09);
        background-color: #fff;border-radius: 0 0 10px 10px;margin-bottom: 1rem;}
        .single .logbook-wp-wp-blog-section .grid-section .blog-wrap .image-part {
            background: #fff;
        }
    .author-meta.flex-row.justify-content-start.align-center .author-details {
        max-width: 70%;
    }
    .addtoany_shortcode img{margin: 0 !important; padding: 0 !important;    min-width: 30px !important;}
    .top-header-audio {
        display: block!important;
        margin-top:30px;
        background: white;
        border-radius: 6px;
        padding: 10px;
        margin-left: 15px;
        margin-right: 15px;
        box-shadow: 10px 10px 5px #aaaaaa;
    }
    .container.calculator-component {
        padding: 0 !important;
    }
    .product-sensor .row{margin: auto !important;}
    .product-sensor .row  [class*="col-"], .wpcf7 .row  [class*="col-"]{margin: 0 ; padding: 0 ;}
    
    .auditl {display: inline-block;font-size: large;}
    .audlink {text-decoration: none;font-size: 1.6rem!important;}
    .players-play-second .player-inner .player-right-part ul li .p-timeandplay .play-pause a {line-height: unset!important;}
    .blog-title{text-align: center;}
    span.separator{display: none;    }
    span.tagline{font-size: 1.25rem;font-weight: 500;display: block;}
    .toggle input + label {
        padding: 0.75rem 0.25rem;
        flex: 0 0 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .tag-section.calculator .blog-wrap-small .image-part {
        display: none;
    }
    .card h4{
        padding-bottom: 1rem;
        border-bottom: solid 1px #c4c4c4;
    }
    .res-box{margin-bottom: 2rem;}

    .wp-block-button__link {
        margin-top: 1rem;
        padding: 14px 6px 16px;
        font-size: 1.25rem;
        font-weight: 600 !important;
    }
    /* Styles for small post */
    .small-post .big-post-thumbnail {
        display: block;
    }
    .small-post  .small-post-thumbnail {
        display: none;
    }
    section.tag-section.article .grid-section, section.tag-section.calculator .grid-section ,
    section.tag-section .sidebar,
    section.tag-section.calculator .content-part.content{
        max-width: 100% !important;
        width: 100% !important;
    }
    section.tag-section.calculator .content-part.content{
        margin-left: 0 !important;
    }


    .grid-section .blog-wrap {
        padding: 1rem !important;
    }
    .flex-responsive{
        flex-direction: column;
    }
    section.tag-section.calculator .arrow-next{
        height: 31px;
        width: 31px;
    }
    section.tag-section.calculator .align-self-center {
        position: absolute;
        bottom: 1rem;
        right: 1rem;
    }
    .newsletter-form,.newsletter .checkbox-list {
        max-width: 100%;
    }
    .newsletter-form .wpcf7-submit {
        width: 100%;
    }
 
    .logbook-wp-wp-blog-section .grid-section .blog-wrap .image-part img, .logbook-wp-wp-blog-section .grid-section .blog-wrap .image-part  {
        width: 100%;
    }
    .sidebar {
        margin-top:1rem;
    }
    .sidebar #block-8, .sidebar #block-9, .sidebar ul {
        max-width: 100%;
        width: 100% !important;
    }


    .post-shares button, .post-shares .addtoany_shortcode a {
        width: 60px;
        height: 60px;
    }
    .post-shares button, .post-shares .contact , .post-shares .share,.wpcf7-submit, .submit, .button, .btn-primary, .btn, .blog-wrap p a.button{
        width: 100% !important;
    }
    .post-shares .contact {
        margin-top: 2rem;
    }
    .addtoany_shortcode .addtoany_list {
        justify-content: space-between;
        display: flex !important;
        flex-flow: row wrap;
    }
    .post-shares .addtoany_shortcode a{margin: 0;}

    /*** summurai ****/
    div#summurai-playter-player {
        margin-bottom: 1rem;
    }
    body .players-play-second .player-inner .player-right-part ul li .p-timeandplay .play-pause a {
        padding-top: 10px !important;
    }

    body .players-play-second.playter-floating .player-inner .player-right-part ul {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        align-content: center;
        flex-wrap: wrap;
    }
    body .players-play-second .player-inner .player-right-part ul li:first-child,.players-play-second .player-inner .need-to-read-part span{
        display: inline-flex !important;
    }


    .players-play-second.playter-floating .player-inner .player-right-part ul li.playter-text-part,
    .players-play-second.playter-floating .player-inner .player-right-part ul li.playter-play-part,
    .players-play-second.playter-floating .player-inner .player-right-part ul li.playter-btn-part,
    body .players-play-second.playter-floating.no-read-text .player-inner .player-right-part ul li.playter-btn-part,
    body .players-play-second.playter-floating.no-read-text .player-inner .player-right-part ul li.playter-text-part,
    body .players-play-second.playter-floating.no-read-text .player-inner .player-right-part ul li.playter-play-part {
        width: 100% !important;
    }
    
    body .players-play-second.playter-floating.no-read-text .player-inner .player-right-part ul li.playter-text-part .need-to-read-part {
        align-items: center;
        justify-content: center;
    }
    body .players-play-second .player-inner .player-right-part ul li .listen-and-power .listen-part {
        display: inline-flex;
        width: 100%;
        justify-content: center;
    }
    .players-play-second .player-inner .player-right-part ul li .listen-and-power,.embedded-playter-players .need-to-read-part,
    .players-play-second .player-inner .player-right-part ul li {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
    }


    .grid-section.grid {
        grid-template-columns: repeat( auto-fit, minmax(49%, 1fr) );
    }

    .single-post .logbook-wp-wp-blog-section h1{
        font-size: 1.8rem;
    }
    .grid-section.grid .blog-wrap.post-card {
        max-width: 100%;
        width: 360px;
    }
    .copyright-footer .col-lg-6 {
        margin: 1rem;
    }
    .logo-footer {
        padding: 10vh 0;
    }

    .home .tag-section.casestudy .grid-section .blog-wrap {
        min-width: 222px !important;
        max-width: 48% !important;
        min-height: 416px;
    }
    .tag-section.playlist .grid-section .blog-wrap{   
        min-width: 222px !important;     
        max-width: 48% !important;
        min-height: 380px;
    }


    /*
    .featured h2, .category-section h2, .tag-section h2 {
        font-size: 1.5rem !important;
        font-weight: 600 !important;
    }
    .logbook-wp-wp-blog-section .grid-section .blog-wrap .content-part h3 a {
        font-size: 1.125rem !important;
    }
*/


} /* end max width 767 */
@media screen and (max-width: 600px){
    .mb-xsm-3,
    .my-xsm-3 {
        margin-bottom: 1rem !important;
    }
    .my-xsm-3 {
        margin-top: 1rem !important;
    }
    .logbook-wp-menu-toggle {
        padding: 2px 20px 2px 0 !important;
    }
    .logbook-wp-menu-toggle:hover{
        background: transparent !important;
    }
 /*   .author-box .line {
        order: 2;
    }*/
    .grid-section.grid {
        grid-template-columns: 1fr !important;
    }
    .logbook-wp-wp-blog-section .blog-wrap {
        padding: 2rem !important;
    }
    .grid-section .blog-wrap{
        padding: 1rem !important;
    }
    .logbook-wp-wp-blog-section .blog-wrap .post-taxonomy a{
        text-align: center;
    }
    .newsletter {
        padding: 2rem !important;
        width: 96%;
    }
    .single .icon-contact-list, .single .contact-author.my-xsm-3{margin-bottom: 0;}
    /*.grid-section .slick-track .blog-wrap {
        margin: auto;
    }*/
    .home .tag-section.casestudy .grid-section .blog-wrap{
        min-width: 265px;
    }

    .blue-background::before {
        height: 833px;
    }
    .container.full
    {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .single-post .author-box {
        margin: .5rem 0;
    }
    .single-post .author-box .author-details {
        flex-grow: 1;
        align-items: center;
        margin: auto;
        min-height: 100px;
    }
    .single-post .author-box .author-avatar {
        margin: auto;
        
    }
    .info-tooltip:hover::before {
        left: 0!important;
        right: 0 !important;
        transform: translateX(-84%)!important;
    }
    body.archive.author .author-avatar{
        align-self: center;
    }
    body.archive.author .author-details{order: 2;}
    body.archive.author .author-img-contact{order: 1;}
    body.archive .blog-wrap{border-radius: 10px !important;}
    .page-id-3532 article.type-page {
        padding: 1rem !important;
        border-radius: 10px !important;
    }
    .col-lg-8.page_link{
        padding: 0 !important;
    }
    p.hidden-l a.category-link {
        text-align: center;
        display: block;
    }
    .authors-section{
        margin: 0;
    }
    .slide-arrow-wrap.flex-row.slide-frontx{display: none;}
    section.tag-section.calculator .post-top {
        max-width: 89%;
    }
    .home .tag-section.casestudy .grid-section .blog-wrap,.tag-section.playlist .grid-section .blog-wrap {
        max-width: 100% !important;
        width: 316px !important;
    }
    .grid-section{
        justify-content: center;
    }
    .calculator-part{
        margin-top: 2rem;
    }
    .mt-xs-3,
    .my-xs-3 {
        margin-top: 1rem !important;
    }
    .mr-xs-3,
    .mx-xs-3 {
        margin-right: 1rem !important;
    }
    .mb-xs-3,
    .my-xs-3 {
        margin-bottom: 1rem !important;
    }
    .ml-xs-3,
    .mx-xs-3 {
        margin-left: 1rem !important;
    }
    .m-xs-4 {
        margin: 1.5rem !important;
    }
    .mt-xs-4,
    .my-xs-4 {
        margin-top: 1.5rem !important;
    }
    .search.search-results h1.page-title {
        padding: 1rem;
    }
    .search.search-results .blog-wrap-small .image-part.thumb {
        margin-right: 1rem;
    }
    .search.search-results .blog-wrap-small h3.title {
        -webkit-line-clamp: 4;
        line-clamp: 4;
        -webkit-box-orient: vertical;
    }
    .search .tag-section .blog-wrap-small .content-part.content {
        width: calc(100% - 120px);
    }
   .search .tag-section .blog-wrap-small .content-part.content  .audio-info {
        position: absolute;
        top: 1rem;
        left: auto;
        right: 1rem;
        justify-content: end;
    }
    .logbook-wp-wp-blog-section .pagination .page-numbers {
        justify-content: center;
    }
    .top-head .search form {
        max-width: 90% !important;
        margin: auto;
    }
    .grid-item {
        width: 98%;
    }
    .single .sidebar {
        margin-top: 1rem;
    }
    .category-section .grid-section {
        gap: 1.5rem 1rem;
        grid-template-columns: repeat(1, 1fr) !important;
    }
    .grid-section.grid .blog-wrap.post-card {
        max-width: 100%;
        width: 100%;
    }
}/* end max width 600 */