@import url("../css/_review-crossbow-section.css");
@import url("../css/_field-ad-section.css");
@import url("../css/_ad-social-share.css");

body{background-color: #ebebec;}
section{clear: both; display: block;}

.banner-ad-image div {padding: 10px !important; line-height: normal; min-height: 90px;}
.video-banner-section .background-bg{height: calc(100% - 314px);}
.video-banner-text{padding: 47px 0 0; color: #ffffff;}
.video-banner-text h1{margin-bottom: 11px; font-size: 32px; line-height: 40px; letter-spacing: -0.5px; color: #ffffff;}
.banner-ad-copy{padding: 30px 0; border-bottom: 1px solid rgb(249 144 28 / 26%);}
.logotype a{display: inline-block;}
.logotype a:hover{opacity: 0.8;}
.field-banner-mobile {margin-bottom: 0;}
.field-banner-icon{width: 61px;}
.field-banner-category{width: calc(100% - 6px);padding-left: 18px;}
ul.category{margin:0 0 0 6px; min-height: 56px;}
ul.category li:before{display: none;}
ul.category li.field-icon-category {margin-right: 0;}
ul.category li{margin: 0 26px 0 0; display: flex; align-items: center; font-size: 14px; line-height: 14px; letter-spacing: 1.25px; text-transform: uppercase; font-weight: 500;}
ul.category li a {margin-left: 0!important; margin-right: 0!important; font-weight: normal!important; color: inherit!important;}
ul.category li a:hover {color: #f9901c!important;}
ul.category li a:after {display: none!important;}
.field-banner-icon{width: 61px; margin-right: 20px;}
.field-icon-text{position: relative;}
.field-icon-text::before{width: 8px; height: 8px; top: 4px; left: -17px; background-image: url("../images/divider.svg"); background-repeat: no-repeat; background-size: contain; content: ""; position: absolute; display: block;}
.field-icon-text a{color: #ffffff;}
.field-icon-text a:hover{color: #f9901c;}
.field-icon-category .field-icon-text::before{display: none;}
.video-post-title{margin: 41px 0 39px; justify-content: space-between;}
.video-post-heading h2{font-size: 24px; line-height: 32px; letter-spacing: -0.38px; font-weight: 900; color: #437700;}
.video-post-heading h2:last-child{margin-bottom: 0;}

.video-post-slide{margin: 0 16px; width: 300px; background-color: #ffffff; color: #000; height: inherit !important; display: flex !important; flex-direction: column;}}
.video-post-slider .slick-track {display: flex !important; }
.video-post-lists .slick-track {display: flex !important; margin-left: 20px;}
.post-slide-image .slide-image {height: 168px; }
.post-slide-image .slide-image img {height: 100%; width: 100%; font-family: "object-fit:cover; "; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%;}
.post-slide-text{padding: 20px 20px 9px; flex-direction: column; height: 100%; display: flex; text-align: left;}
.post-slide-text p a { margin-left: 0!important; margin-right: 0!important;}
.post-slide-text p a:hover{color: #f9901c;}
.post-slide-text p a:after {display: none!important;}
.post-slide-text ul{margin: 0; padding-top: 9px; display: block; width: 100%; margin-top: auto;}
.post-slide-text ul li{margin-left: 21px; display: inline-block;}
.post-slide-text ul li:first-child{margin-left: 0;}
.post-slide-text ul li::before{width: 8px; height: 8px; top: 10px; left: -15px; background-image: url("../images/dark-divider.svg"); opacity: 0.5;}
.post-slide-text ul li:first-child::before{display: none;}
.post-slide-text ul li a{font-size: 14px; line-height: 14px; letter-spacing: 1.25px; font-weight: 500!important; text-transform: uppercase; color:#437700!important; margin: 0!important;}
.post-slide-text ul li a:hover {color: #f9901c!important}

.video-share-section blockquote p {border-color: #ebebec !important;}

.video-share-main{padding: 40px 0 80px; justify-content: space-between;}
.field-ads-main{margin: 73px auto 0;}
.make-mark-wrap{padding-top: 64px;}
.review-crossbow-text {max-width: 450px;}
.review-crossbow-text .button {padding: 14px 19px 16px 18px;}
.review-crossbow-text p {max-width: 374px;}
.video-share-image div {height: 250px;}
.video-share-banner div {height: 90px;}

.executive-editor-main{padding: 72px 0 0px;}
.executive-desc h2{margin-bottom: 5px; font-size: 24px; line-height: 32px; letter-spacing: -0.38px;  color: #437700;}
span.optional-text.small{margin-bottom: 12px; font-size: 16px; line-height: 24px; letter-spacing: 1.2px; color: #3c3c46;}
.executive-desc p:not(:last-child){margin-bottom: 9px;}
.executive-image div {min-height: 250px;}

/*-- media css starts here --*/
@media only screen and (min-width: 1024px){
    .main_header{background-color: #001107;}
    .video-banner-wrap{margin-top: 80px;}
    .logotype{width: 270px; margin-right: 57px;}
    .banner-ad-image{width: calc(100% - 327px);}
    .video-share-text{width:66%;}
    .video-share-image{width: 300px;}
    .video-post-lists.flex{max-width: 1112px; margin-left: auto; margin-right: auto;}
    .video-post-lists.flex .video-post-slide{width: 276px;}

    .executive-text{width: 684px; margin-right: 0;}
    .executive-author{width: 154px; margin-right: 33px;}
    .executive-desc{width: calc(100% - 189px);}
    .executive-image{width:300px;}
    .executive-editor-main {justify-content: space-between;}
    .hidden-lg {
        display: none;
    }
}
@media only screen and (max-width: 1023px) and (min-width: 781px){
    .hidden-md {
        display: none;
    }
    .video-banner-section .background-bg{height: calc(100% - 152px);}
    .video-banner-wrap{padding-top: 80px;}
    .logotype{width: 270px;}
    
    
    .video-post-lists.flex{padding: 0 20px;}
    .video-post-lists.flex .video-post-slide{width: calc(50% - 10px); margin: 0 10px 20px;}
    .video-post-lists.flex .video-post-slide:nth-child(odd){margin-left: 0;}
    .video-post-lists.flex .video-post-slide:nth-child(even){margin-right: 0;}

    .executive-text{width:100%; margin:0 0 47px 0;}
    .executive-author{width: 124px; margin-right: 23px;}
    .executive-desc{width: calc(100% - 147px);}
    .executive-image{width:300px; margin: 0 auto;}
    .executive-image div {min-height: 250px;}
    .executive-image {display: none;}
    .executive-editor-main {padding: 72px 0 0px;}
}
@media only screen and (max-width: 1023px) and (min-width: 200px){
.video-share-main{padding:69px 0 70px; display: block;}
    .video-share-text{margin-bottom: 47px;}
    .video-share-image{padding: 20px;}
    .video-share-banner {padding: 20px;margin-bottom:20px;}
    .video-share-banner:before, .video-share-banner::after {box-sizing: border-box; content: "";display: block;height: 20px;left: -2px;top: 0;position: absolute;background: transparent;width: 100%;border: 2px solid #437700;border-bottom: none;}
    .video-share-banner::after{top: auto;bottom: 0;border: 2px solid #437700;border-top: none;}

    .video-share-image:before, .video-share-image::after {box-sizing: border-box; content: "";display: block;height: 20px;left: -2px;top: 0;position: absolute;background: transparent;width: 100%;border: 2px solid #437700;border-bottom: none;}
    .video-share-image::after{top: auto;bottom: 0;border: 2px solid #437700;border-top: none;}

    .logotype{margin-bottom: 22px;}
    .banner-ad-image{padding: 20px; width: 100%;}
    .banner-ad-image:before, .banner-ad-image::after{content: "";display: block; height: 20px;left: -2px;top:0;position: absolute;background: transparent;width: 100%;border: 2px solid #437700;border-bottom: none;}
    .banner-ad-image::after{border: 2px solid #437700; border-top: none; top: auto; bottom: 0;}
}
@media only screen and (min-width: 781px){
.review-crossbow-lines::after {width: calc(100% - 478px);}
.review-crossbow-lines::before {height: 187px;}
}

@media only screen and (max-width: 780px) and (min-width: 376px){
    .video-banner-section .background-bg{height: calc(100% - 92px);}
    .video-banner-wrap{padding-top: 95px;}
    .banner-ad-copy{padding:22px 0 16px; display: block; border-bottom: none;}
    .logotype a {display: block;}
    .logotype img {width: 100%;}
    
    .field-banner-mobile{margin-top: 0px;}
    .video-banner-text{padding: 2px 0 0;}
    .executive-editor-main{padding: 40px 0 0px; display: block;}
    .executive-text{display: flex;}
    .executive-author{width: 80px; margin-bottom: 0px;}
    .executive-author img {border-radius: 50%;}
    .executive-image{display: none;}

    .video-post-title{margin: 33px 0 33px; display: block; text-align: center;}
    .video-post-slide{margin: 0 10px;}
    .video-post-btn{margin-top: 30px; text-align: center;}
    .txt-link.arrow-left::after {bottom: -2px;}
    .txt-link.arrow-left {padding-left: 25px;}

    
    .video-post-lists.flex{display: block;}
    .video-post-lists.flex .video-post-slide{margin-bottom: 20px;}

    .field-ads-section .field-ads {max-width: 100%; margin: 0; padding: 21px 17px}
    .field-ads-section .field-ads-main {margin:47px auto 0 !important;}
    .field-ads-section .field-ads-imgae div:nth-child(2) {min-height: 250px;}
    .field-ads-section .field-ads-imgae .top-ads-bg {display: none;}

    .make-mark-section {margin-top: 0;}

    .video-share-main {padding:20px 0 3px;}
    .make-mark-wrap {padding-top: 71px; }
    .review-crossbow-wrap {margin-bottom: 24px;}
    .video-post-lists .slick-track {margin-left: auto;}
    .banner-ad-image div {min-height: 50px;}
    .video-share-image{padding: 35px;}
    .video-share-banner div {height: 50px; width:320px; display:block; margin:auto;}
    
    .banner-ad-image {
        padding: 5px;
        width: 100%;
    }
    .hidden-sm {
        display: none;
    }

    .video-banner-text h1 {
        margin-bottom: 11px;
        font-size: 23px;
        line-height: 27px;
        letter-spacing: -0.5px;
        color: #ffffff;
    }
    .category-icon-mobile {
        width:64px;
        float:left;
        padding-right:20px;
    }
}


@media only screen and (max-width: 375px) and (min-width: 200px){
    .video-banner-section .background-bg{height: calc(100% - 92px);}
    .video-banner-wrap{padding-top: 95px;}
    .banner-ad-copy{padding:22px 0 16px; display: block; border-bottom: none;}
    .logotype a {display: block;}
    .logotype img {width: 100%;}
    
    .field-banner-mobile{margin-top: 0px;}
    .video-banner-text{padding: 2px 0 0;}
    .executive-editor-main{padding: 40px 0 0px; display: block;}
    .executive-text{display: flex;}
    .executive-author{width: 80px; margin-bottom: 0px;}
    .executive-author img {border-radius: 50%;}
    .executive-image{display: none;}

    .video-post-title{margin: 33px 0 33px; display: block; text-align: center;}
    .video-post-slide{margin: 0 10px;}
    .video-post-btn{margin-top: 30px; text-align: center;}
    .txt-link.arrow-left::after {bottom: -2px;}
    .txt-link.arrow-left {padding-left: 25px;}

    
    .video-post-lists.flex{display: block;}
    .video-post-lists.flex .video-post-slide{margin-bottom: 20px;}

    .field-ads-section .field-ads {max-width: 100%; margin: 0; padding: 21px 17px}
    .field-ads-section .field-ads-main {margin:47px auto 0 !important;}
    .field-ads-section .field-ads-imgae div:nth-child(2) {min-height: 250px;}
    .field-ads-section .field-ads-imgae .top-ads-bg {display: none;}

    .make-mark-section {margin-top: 0;}

    .video-share-main {padding:20px 0 3px;}
    .make-mark-wrap {padding-top: 71px; }
    .review-crossbow-wrap {margin-bottom: 24px;}
    .video-post-lists .slick-track {margin-left: auto;}
    .banner-ad-image div {min-height: 50px;}
    .video-share-image{padding: 15px 15px;}
    .video-share-banner div {height: 50px;}
    .video-share-banner {padding: 15px 5px;}
    
    
    .banner-ad-image {
        padding: 5px;
        width: 100%;
    }
    .hidden-sm {
        display: none;
    }

    .video-banner-text h1 {
        margin-bottom: 11px;
        font-size: 23px;
        line-height: 27px;
        letter-spacing: -0.5px;
        color: #ffffff;
    }
    .category-icon-mobile {
        width:64px;
        float:left;
        padding-right:20px;
    }
}

p a:not(.center-block) {
    text-decoration-line: underline;
    font-weight: normal;
    text-decoration-color: #EBAE75;
    text-decoration-thickness: 2px;    
}

p a.center-block {
    text-decoration-line: none;
    text-decoration: none;
    white-space: normal;
}