/*
Theme Name: 180marketing
Version: 1.0
Description: .
Tags: 
Author: JT Desquitado
Author URI: https://jtdequitado.com/
Theme URI: https://180marketing.com
*/

body{font-family:'Lato',Arial,sans-serif;color:#2f2f2f;background:url(images/body-bg.jpg) #fff;font-weight:300}
a{color:#9bcb3b}
a:hover{color:#7baa1e}
a:visted{color:#68960c}
a:focus{outline:3px solid #7aa52a}
h1,.h1{font-weight:400;color:2f2f2f;font-size:48px;line-height:60px;margin-bottom:50px}
h2,.h2{font-weight:700;color:#2f2f2f;font-size:40px;line-height:52px;margin-bottom:30px}
h3,.h3{font-weight:300;font-size:24px;line-height:35px}
h4,.h4{font-size:16px;line-height:24px;font-weight:300;color:#2f2f2f}
img{max-width:100%;height:auto}
.depth-hover{transition:.5s ease}
.depth-hover:hover{transform:scale(1.1)}
.depth-hover-small{transform:scale(0.95);transition:.3s ease}
.depth-hover-small:hover{transform:scale(1.05)}
.text-green{color:#a2cf4f}
.h1-strong,.h3-strong,.h1_strong,.h3_strong{font-weight:700}
.text-green{color:#a2cf4f}
span[data-glyph="star"].oi{color:#feb42f}
.text-caps{text-transform:uppercase}
.margin-bottom-30{margin-bottom:30px}
strong{font-weight:700}
.font-size-20{font-size:20px;line-height:28px}
.text-regular{font-weight:400}
.text-dark-green{color:#577c12}
ul.ul-no-marker,ol.ol-no-number{list-style-type:none}
.li-no{color:#a2cf4f;font-weight:700;margin-right:10px}
.padding-left-20{padding-left:20px}
ul.ul-li-spaced li{margin-bottom:10px}
.box-text{font-size:24px;line-height:35px}
#wrapper{background:url(images/body-bg2.jpg) top center repeat-y;width:100%;height:100%;position:relative;overflow:auto}
.skip-link{opacity:0;background:#fff;padding:10px 20px;position:absolute;top:0;left:0;z-index:99999999999}
.skip-link:focus{opacity:1}
.header-section-wrap{background:url(images/green-wave.png) center bottom repeat-x;padding-bottom:50px;position:fixed;width:100%;top:0;z-index:22}
body.body-scrolled .header-section-wrap{background-color:#a2cf4f;padding-bottom:0}
.header-section-wrap > .container{background-color:#a2cf4f}
.site-logo{margin-top:0;margin-bottom:0}
.header__logo{padding:30px 0}
.header__logo > a{display:flex;justify-content:space-between;align-items:center;flex-direction:row;flex-wrap:wrap}
.header__logo img{max-width:200px}
.site-title-tagline .h2,.site-title-tagline{color:#fff}
.site-title-tagline{margin-left:1rem}
@media only screen and (max-width: 768px) {
.header__logo > a{flex-direction:column}
.site-title-tagline{margin-left:0;margin-top:1rem}
}
@media only screen and (max-width: 350px) {
.header__logo img{max-width:100%}
}
.header__navigation ul{text-align:right;display:block;list-style:none;margin-left:0;margin-bottom:0;padding:30px 0}
.header__navigation ul li{display:inline-block;padding:5px}
.header__navigation ul li a{display:block;padding:10px 20px;color:#fff;font-weight:700;font-size:18px;line-height:24px;border-radius:5px;transition:background-color .5s ease}
.header__navigation ul li a:hover,.header__navigation ul li a:focus{text-decoration:none;background-color:#92c339;outline:none}
.header__navigation ul li:last-child a{background-color:#535456;box-shadow:0 7px 15px #3f5c0b}
.header__navigation ul li:last-child a:hover,.header__navigation ul li:last-child a:focus{background-color:#6b7954}
.header__navigation ul li.current_page_item > a,.header__navigation ul li a.current-page-item{color:#535456}
.mobile-menu-btn{display:none}
@media only screen and (max-width: 768px) {
.header__navigation{display:none}
.header__navigation ul li{display:block}
.header-section-wrap-bg{position:absolute;z-index:1;width:100%;height:calc(100% - 50px);background-color:#a2cf4f;top:0;left:0}
.header-section-wrap .container{z-index:2;position:relative}
.header__logo{padding-left:80px;padding-right:80px}
.mobile-menu-btn{display:block;position:absolute;top:20px;right:20px}
.mobile-menu-btn a{color:#fff;display:block;padding:10px;font-size:22px}
}
@media only screen and (min-width: 769px) {
.header__navigation{display:block!important}
}
#content{padding:42px 0 70px}
.home__title{position:relative;z-index:2}
.home__title__tagline{margin-top:80px}
.profile-about__tagline,.home__title__tagline{display:block;text-transform:uppercase;color:#9bcb3b;font-size:15px;line-height:18px;font-weight:700;margin-bottom:20px}
.profile-about__tagline{color:#2f2f2f}
h1.home__title__main{display:block;margin:0 auto 50px}
.intro-chart{padding:30px 0;background:url(images/chart-1.png) top center no-repeat;background-size:auto 100%;margin-bottom:50px}
.intro-chart__entry{font-size:15px;line-height:18px;color:#2f2f2f;text-transform:uppercase;font-weight:700}
.intro-chart__entry > p > span{display:block;font-size:48px;line-height:60px;color:#9bcb3b;font-weight:400}
.client-logos img{margin:15px 40px}
.testimonials{padding:120px 0 0;min-height:550px}
.main .testimonials{padding-top:20px}
.carousel-item{padding-bottom:80px}
.testimonial_entry{text-align:center;margin:20px;padding:40px 40px 10px;background:#fff;box-shadow:0 0 15px #ddd;border-radius:5px;position:relative}
.testimonial__author{font-size:18px;line-height:28px;margin-top:30px}
.testimonial__author span{text-transform:uppercase;line-height:18px}
.testimonial__author img{border-radius:100%;border:5px solid #fff;margin-top:20px;margin-bottom:-80px}
.testimonial__more{position:absolute;bottom:15px;right:20px;font-weight:700;color:#9bcb3b}
.testimonial__more *{vertical-align:middle}
.eccomerce-home{padding-bottom:0;margin-top:-50px;margin-bottom:80px}
.transparent-home__wrap,.eccomerce-home__wrap{display:block;padding:100px 20px}
.roi-home{margin-top:-70px;padding:125px 0 50px;background:url(images/chart-2.png) top center no-repeat}
.roi-home__wrap{padding:110px 40px}
.experience-home__wrap{padding:0 40px}
.transparent-home{padding:70px 0 50px;position:relative;z-index:2;margin-bottom:50px}
.case-studies-home{top:-120px;position:relative;padding:270px 0 5px;background:url(images/chart-3.png) top center no-repeat;z-index:1;margin-bottom:-80px}
.case-studies-home__intro{display:block;margin:0 auto;max-width:800px}
.case-studies-home__stats{margin:110px 0 50px;background:#fff;display:block;border-radius:5px;padding:30px;box-shadow:0 0 30px #ddd}
.case-studies-home__numbers{padding:30px 0}
.case-studies-home__numbers > div + div{border-left:1px solid #ddd}
.case-studies-home__numbers > div{text-align:center;padding:10px}
.case-studies-home__numbers div p{font-size:12px;line-height:16px;margin-bottom:0}
.case-studies-home__numbers > div span{font-size:24px;font-weight:700;color:#9bcb3b;display:block;margin-bottom:15px}
.testimonials--bottom{padding-top:0;min-height:350px}
.experience-home{margin-top:70px;margin-bottom:70px}
.profile-about__title{margin-bottom:20px}
.profile-about .h3{line-height:40px}
ul.profile-about__badges{list-style:none;padding:10px 0}
ul.profile-about__badges li{padding:15px 0;font-size:20px;font-weight:300;line-height:28px}
ul.profile-about__badges li span{min-width:70px;display:inline-block}
.profile-about{background:url(images/chart-3.png) bottom center no-repeat;padding:0 0 120px}
.podcasts{position:relative;z-index:3}
.speaking-engagement{margin-top:50px}
.interviews{z-index:3;position:relative}
.interviews,.podcasts,.articles,.speaking-engagement{max-width:1250px}
.interviews ul,.podcasts ul,.articles ul,.speaking-engagement ul{display:flex;list-style:none;padding:0;text-align:center;width:100%;align-items:center;padding:50px 0 70px}
.interviews ul li,.podcasts ul li,.articles ul li,.speaking-engagement ul li{float:left;width:20%;margin:0;padding:0;align-self:stretch}
.interviews ul li{width:50%}
.podcasts ul li a,.speaking-engagement ul li a{text-decoration:none}
.interview__item,.podcast__item,.article__item,.speaking-engagement__item{background:#fff;border-radius:5px;box-shadow:0 0 20px #ddd;padding:20px 15px;margin:0 5px;height:100%;position:relative;transition:.3s ease;z-index:1}
.podcasts a,.articles a,.speaking-engagement a{z-index:1;position:relative}
.podcasts a:hover,.articles a:hover,.speaking-engagement a:hover{z-index:2}
.interview__item:hover,.podcast__item:hover,.article__item:hover,.speaking-engagement__item:hover{transform:scale(1.1);z-index:2}
.article__item{padding-top:50px;padding-bottom:40px}
.interview__item .text-caps,.podcast__item .text-caps,.article__item .text-caps,.speaking-engagement__item .text-caps{font-size:14px;line-height:16px;color:#2f2f2f}
.podcast__item p{color:#2f2f2f}
.podcast__item .h3,.article__item .h3,.speaking-engagement__item .h3{font-weight:400;line-height:28px;color:#9bcb3b}
.podcast__item .h3{font-size:22px}
.articles a{text-decoration:none;color:#2f2f2f}
.faq{position:relative;background:url(images/chart-2.png) top center no-repeat;padding-top:200px;z-index:2;margin-top:-140px}
.faq h2{margin-bottom:50px}
.faq__item{display:block;background:#fff;border-radius:5px;padding:30px 50px;box-shadow:0 0 20px #ddd;position:relative;margin:10px 0;cursor:pointer}
.faq__item p,.faq__item li{font-size:24px}
.faq__item h3{margin-bottom:0}
.faq__item button{position:absolute;top:30px;right:20px;color:#9dcc40!important;background-color:transparent!important;border-width:0}
.faq__item button:hover{color:#222!important}
.faq__item button.collapsed .chevron-top{display:none}
.faq__item button .chevron-top{display:block}
.faq__item button.collapsed .chevron-bottom{display:block}
.faq__item button .chevron-bottom{display:none}
.testimonials--about{position:relative;padding-top:250px;background:url(images/chart-4.png) top no-repeat;top:-190px;z-index:1;margin-bottom:-250px}
.testimonial__item{display:block;margin:15px 5px 100px;background:#fff;border-radius:5px;box-shadow:0 0 20px #ddd;padding:30px;text-align:center}
.testimonial__item p{font-size:1.4rem;text-align:left}
.testimonial__item p.testimonial__photo,.testimonial__item p.testimonial__author{font-size:1.3rem;text-align:center}
.testimonial__item .testimonial__photo img{border-radius:100%;border:5px solid #fff;position:relative;margin:0 auto -100px}
.seo-process__intro{background:url(images/chart-1.png) top center no-repeat;padding:160px 0 150px;margin-top:-130px}
.seo-process__intro__tagline{display:block;text-align:center;text-transform:uppercase;font-size:14px;line-height:24px;font-weight:700;color:#9bcb3b;margin-bottom:10px}
.seo-process__intro h1{display:block;text-align:center}
.seo-steps h2{margin-bottom:30px}
.seo-steps{font-size:20px;line-height:30px;margin-bottom:40px}
.seo-steps__detail{margin-top:50px}
.step-three{margin-top:80px}
.step-five{margin-top:80px}
.content-marketing{margin-top:80px;font-size:20px;line-height:30px}
.testimonials--seo-process{margin-top:130px}
.about-intro{margin-top:50px;margin-bottom:50px;position:relative;z-index:3}
.about-intro__wrap{padding:80px 0 0;line-height:60px}
.about-intro__wrap p{margin-bottom:40px}
.ecommerce-fuel-rating{position:relative;z-index:1;background:url(images/chart-3.png) top center no-repeat;padding:200px 0 0;margin-top:-170px}
.team-about{margin-top:80px;z-index:5}
.post-lists{min-width:52rem}
.btn-green{background-color:#a2cf4f;color:#fff;transition:all .5s ease}
.btn-green:hover{background-color:#222;color:#fff}
.post-lists header .post_title a{display:block}
.post-lists .post_title{margin-bottom:0}
.post-lists .post_meta{margin-top:0}
.post-list-nav .navigation.pagination{border-width:1px 0 0;border-radius:0!important;border-color:#ccc;border-style:dashed;padding-top:5px}
.post-list-nav .nav-links{margin-left:auto;margin-right:auto}
.post-list-nav .nav-links *{font-size:1rem!important;min-width:auto;min-height:auto}
.post-single_nav .post-title{margin-left:0;margin-right:0}
.post-single_nav .meta-nav{margin-bottom:0}
.error404 #searchform *{vertical-align:middle}
.error404 #searchform #searchsubmit{padding:9px 20px}
.thumbnail_bg{display:block;width:100%;height:150px;background-size:cover;background-position:center center;background-color:#f3f3f3;border:1px solid #ddd}
.post-list-nav .navigation{max-width:52rem}
.post-lists hr{margin-top:3rem;margin-bottom:3rem}
.post-lists h2{font-size:2.2rem;margin-bottom:.8rem}
@media only screen and (max-width: 992px) {
.post-lists{min-width:auto}
}
.footer-widgets{padding-top:50px}
.footer{font-size:20px;line-height:30px}
.quick-contact{background:url(images/light-green-wave.png) top center repeat-x;padding-top:250px;background-position:0 20%;font-size:20px}
.quick-contact th,.quick-contact td{border-width:0}
.quick-contact h3{font-size:30px;line-height:42px;font-weight:400}
.quick-contact__inner{background:#f6fbed}
.quick-contact__form_messages{display:none}
.quick-contact .alert{display:block;margin-bottom:20px}
.quick-contact__inner .row{padding:50px 0}
.quick-contact__inner th{width:60px}
.quick-contact__inner table{margin-top:30px}
.quick-contact__inner th,.quick-contact__inner td{padding:10px 20px 10px 0}
#quick-contact__form{display:block;padding:0;margin-top:0}
#quick-contact__form label{display:block}
#quick-contact__form fieldset{display:block}
#quick-contact__form fieldset input,#quick-contact__form fieldset textarea{background-color:#fff;border:1px solid #ddd;display:block;padding:10px 15px;width:100%;border-radius:5px}
#quick-contact__form .btn-primary{background-color:#9bcb3b;color:#fff;width:100%;display:block;padding:10px 15px;border-width:0;text-transform:uppercase;font-weight:700}
#quick-contact__form textarea{height:150px}
.footer__inner{display:block;margin:0 auto 50px;max-width:370px}
.footer__inner p{margin-bottom:20px}
.footer__navigation{display:block;padding:10px 0 30px}
.footer__navigation ul{text-align:center;list-style:none;padding-left:0}
.footer__navigation ul li{display:inline-block;padding:10px 25px;font-weight:700}
.footer__navigation ul li a{color:#828282}
.modal video{width:100%;height:auto}



@media only screen and (min-width: 768px) {
.intro-chart{min-height:430px;background-size:auto auto;padding:120px 0 30px;z-index:1;position:relative;top:-10px}
.step-no-wrap{max-width:10%}
.step-details-wrap{max-width:90%;flex:0 0 90%}

.quick-contact h3{margin-bottom: 36px}

#quick-contact__form fieldset.half-width{max-width: 49.5%;margin:0;display: inline-block; padding: 0; width: 50%;}
#quick-contact__form fieldset.half-width input{margin: 0!important}

}

@media only screen and (max-width: 1023px) {
.articles ul,.speaking-engagement ul{flex-flow:row wrap}
.articles ul li,.speaking-engagement ul li{width:33%;margin-bottom:10px}
}
@media only screen and (max-width: 767px) {
.header__navigation ul,.header__logo{text-align:center}
.intro-chart{background-size:auto}
.intro-chart__entry{margin:50px 0}
.podcasts ul,.articles ul,.speaking-engagement ul{flex-direction:column}
.podcasts ul li,.articles ul li,.speaking-engagement ul li{width:100%;margin-bottom:10px}
.testimonials--bottom{min-height:300px}
.case-studies-home__stats{margin-bottom:0;margin-top:70px}
#quick-contact__form{padding-left:0;padding-right:0;margin-top:40px}
#content,#content article{width:100%;overflow:hidden}
.transparent-home__wrap,.roi-home__wrap,.eccomerce-home__wrap,.experience-home__wrap{padding:0 20px 50px!important}
.transparent-home,.experience-home,.eccomerce-home,.roi-home{margin-bottom:30px!important;margin-top:0!important;padding:0!important}
.roi-home{margin-top:70px!important}
}



/*Case Studies*/
.nopad{padding: 0;}
.color-green{color:#9bcb3b }


@media only screen and (min-width: 680px) {
	.feature-case{max-width: 31.333%}
}

.feature-case{border: 1px solid #f0f0f0; border-radius: 20px; margin: 1%; padding: 36px 10px; box-shadow: 12px 12px 18px #e8e8e8}
.featcase-category{color: #fff; border-radius: 10px; background: #353535; display: inline-block; position: relative; float: left; margin-left: 36px!important; margin-bottom: 24px!important;}
.feature-container h2{margin-bottom: 80px; font-weight: 900}
.feature-container img{background: transparent; position: relative; display: block;}
.feature-container .feat-img{ margin-left: 8%; margin-bottom: 24px; max-width: 80%; border-radius: 12px;}
.feature-container .feat-graph{margin-top: -15%;max-width: 70%; margin-bottom: 36px}
.feature-container p{text-align: left; font-weight: 400; margin: 0 0 12px 0;}
.feature-container p.featured-desc{font-size: 22px;}
.feature-container a{text-align: left; font-weight: 700; display: block; font-size: 1.5rem}

.case-studies{max-width: 100%; width: 1300px; position: relative; display: block; margin: 0 auto;}
.case-item{padding: 18px 0 18px;}
.case-item{border-top: 1px solid #f2f2f2; border-bottom: 1px solid #dfdfdf;}
.case-graph img{border-radius: 12px; box-shadow: 13px -13px #9bcb3b, 6px 9px 9px #ccc; border:1px solid #f0f0f0; max-width: 100%}
.case-text{padding-left: 36px;}
.case-text h3{font-weight: 700; margin-top: 12px;}
.case-text p{margin-bottom: 3px;font-size: 1.2rem}
.case-study{position: relative;}
.case-stats{padding-top: 18px;}
.case-stats .col-sm-4{padding-left: 0; padding-right: 0}
.case-stats .circle{border-radius: 50%; border: 6px solid #a2cf4f; height: 156px; width: 156px; padding:3px;}
.case-stats .circle span{font-weight: 700;margin-top: 21px;display: block; font-size: 33px}
.case-stats .circle p{font-size:1rem; line-height: 16px; font-weight: 700; padding: 0 4px !important;}

@media only screen and (max-width: 580px) {
	.case-graph img{max-width: 85%!important}
	.case-stats{padding:0 45.6px!important;}
}
@media only screen and (max-width: 480px) {
	.quick-contact{background-position:15% 15%}
	.case-studies-container h2{margin-top: 1rem; font-size: 34px}
	.feature-container .feat-graph{margin-left: 5%;}
	.feature-container h2{margin-bottom: 1rem;}
	.feature-container .feat-img{margin-top: 18px;}
	.feature-container p.featured-desc{font-size: 21px!important; line-height: 24px;}
	.case-item .col-4{margin: 0!important;padding: 0}
	.case-graph img{margin: 10px; }
	.case-stats .circle{width: 125px!important; height: 125px!important; text-align: center;padding: 10px!important;}
	.case-stats .circle p{font-size: 0.7rem!important}
	.case-stats .circle span{font-size: 24px!important;margin-top:6px!important;}

	.case-text h3{margin-top: 24px;}
}