/*
 Theme Name:   Mosby
 description: >-
  Mosby
 Author:       tavonline
 Template:     mosby
 Version:      1.0.0
*/


@font-face {
    font-family: 'gilroy';
    src: url('/wp-content/themes/mosby-child/fonts/gilroy-black-webfont.woff2') format('woff2'),
         url('/wp-content/themes/mosby-child/fonts/gilroy-black-webfont.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'gilroy';
    src: url('/wp-content/themes/mosby-child/fonts/gilroy-extrabold-webfont.woff2') format('woff2'),
         url('/wp-content/themes/mosby-child/fonts/gilroy-extrabold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'gilroy';
    src: url('/wp-content/themes/mosby-child/fonts/gilroy-bold-webfont.woff2') format('woff2'),
         url('/wp-content/themes/mosby-child/fonts/gilroy-bold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'gilroy';
    src: url('/wp-content/themes/mosby-child/fonts/gilroy-semibold-webfont.woff2') format('woff2'),
         url('/wp-content/themes/mosby-child/fonts/gilroy-semibold-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;

}

@font-face {
    font-family: 'gilroy';
    src: url('/wp-content/themes/mosby-child/fonts/gilroy-medium-webfont.woff2') format('woff2'),
         url('/wp-content/themes/mosby-child/fonts/gilroy-medium-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'gilroy';
    src: url('/wp-content/themes/mosby-child/fonts/gilroy-regular-webfont.woff2') format('woff2'),
         url('/wp-content/themes/mosby-child/fonts/gilroy-regular-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;

}

/*========================================
		Margins, Paddings 
======================================== */

body,p,ul,li,a,span,h1,h2,h3,h4,h5,h6,div {font-family:gilroy}
.mb50 {margin-bottom:50px}
.bottom_250 {margin-bottom:250px}

/*========================================
			Buttons
======================================== */

.dee-btn-wht {padding:12px 40px; display:inline-block; background:#fff; border-radius:100px; font-size:32px; color:#000; font-weight:500; border:2px solid #fff; transition:.5s ease;line-height: initial;}
.dee-btn-wht:hover {opacity:1; color:#fff; background:transparent; }
.dee-btn-wht:focus{border: 2px solid #fff;}

input.site-btn {padding:12px 50px; display:inline-block; background:#000; border-radius:100px; font-size:30px; color:#fff; font-weight:500; border:2px solid #000; transition:.5s ease;font-family: gilroy;line-height: initial;}
input.site-btn:hover {opacity:1; color:#000; background:transparent; }

a.site-btn {padding:12px 50px; display:inline-block; background:#000; border-radius:100px; font-size:30px; color:#fff; font-weight:500; border:2px solid #000; transition:.5s ease;font-family: gilroy;line-height: initial;}
a.site-btn:hover {opacity:1; color:#000; background:transparent; }
a.site-btn:focus{border: 2px solid #fff;}

/*========================================
			Headings
======================================== */

.section-heads h3 {font-size: 66px;line-height: 1; font-weight: 600;  margin-top: 10px; }
.section-heads h4 {color:#606060 !important; font-size:24px ; font-weight:bold;display:inline-block; margin-bottom:20px; font-weight:600}
.section-heads p  { font-size: 42px; line-height: 1.3; font-weight: 400; }

.section-heads-lg h3 {font-size: 90px;line-height: 1; font-weight: 600;  margin-top: 10px; }
.section-heads-lg h3 strong {color:#808080 }

.head-light h3{color:#fff}
.head-light h4{color:#fff}
.text-light p{color:#fff}

.section-title span {color:#606060; font-size:24px !important; font-weight:bold;display:inline-block; margin-bottom:20px; font-weight:600}
.section-title .title {color:#000; font-weight:600}

div.hero-content span.little {color: #999999; font-size: 24px;  margin-bottom: 30px; font-weight: 500;}
.head-lg h3{font-size:60px; font-weight:600; line-height:1;}
.text-harry p{font-size:20px}

.programs .et_pb_main_blurb_image{width: 140px !important;}


/*=============================================
		Universal Header and Portfolio
============================================== */


div.social ul li a {font-size:20px}
div.social ul li {padding-bottom:10px}
header a.logo img {max-height:25px}
.full-menu .right-content ul li {font-size:18px !important; line-height:1.5 !important}
.full-menu .logo img {max-height:50px !important}

#portfolio .portfolio-item figcaption .title {font-size: 42px;max-width: 300px; line-height: 1.1;}
#portfolio .portfolio-item figcaption span {font-size: 22px; margin-bottom: 10px; display:inline-block; font-weight:500}
#portfolio .portfolio-item figcaption {top:20px; left:20px}
#portfolio .portfolio_filter ul li a {font-size:17px}

.popmake-content p{margin-bottom:0px !important}
.pum-container {background:transparent !important}
#popmake-541 {background:#fff !important}
#popmake-541 input {border:none; border-bottom:1px solid #202020}
#popmake-541 input {border:none; border-bottom:1px solid #202020}
#popmake-541 button[type="submit"] {padding:15px; background:#202020; color:#fff; border-radius:50px; width:100%; }

/*========================================
			Home
======================================== */
div.home--header {height:120vh}
.hero-image:before { content: '';  background: #0000008c; position: absolute; left: 0px;  right: 0px;  top: 0px;bottom: 0px;}
figure.portfolio-item:before { content: ''; background: rgba(0, 0, 0, 0.3);  position: absolute;  left: 0px;  right: 0px;  bottom: 0px;  top: 0px;}

.hero-content .hero-text {font-size:26px; opacity:1; line-height:1.5}
.hero-content .hero-title {font-weight: 600; font-size: 220px; line-height: .9; margin-bottom: 40px;}
.hero-image {background-position:bottom}

.footer-cta {padding: 180px 0px; background: #000;}
.footer-cta h5 {font-size: 24px; color: #999999; font-weight: 500; margin-bottom: 50px; line-height: 1;}
.footer-cta h3 {font-size: 70px; font-weight: 600; color: #fff; line-height: 1; letter-spacing: -1px; margin-bottom:50px}
.footer-cta h3 .dull {color:#808080 !important}

/*========================================
			About
======================================== */

.about--header .subhero-title br {display:none}
.about--header .hero-content .subhero-title {font-size:66px}

.digital-services {padding-bottom:180px}
.digital-services h3 {font-size: 70px; font-weight: 600; line-height:1; color:#000 }
.digital-services h3.dull {color:#808080; max-width:450px}
.digital-services h4 {margin-bottom:30px;font-size: 30px; font-weight: 600;}
.digital-services li {font-size:21px; color:#666666; padding-bottom:30px; list-style:none; letter-spacing:.5px}

.clients .section-title .title {font-size:66px; line-height:1;}

.dee-container-fluid {background-color:#000; padding:180px 0px}
.awards img {width:100%}

.about-cta h3{font-size:100px; line-height:1; color:#808080; font-weight:700; margin-bottom:50px}
.about-cta h3 strong {color:#fff}

.testi-wrap {position:relative; padding-right:50px}
.testi-wrap img {width:100%}
.testi-wrap h4 {font-size: 77px; color: #fff; max-width: 360px; line-height: .9; margin-bottom: 20px; font-weight:600}
.testi-wrap h5 {font-size: 24px; font-weight: 600; color: #fff;}
.testi-content {position:absolute; bottom:40px; left:40px}
.testi-wrap:before {content: ''; background: rgba(0, 0, 0, 0.2); position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px;}

.clients .client:nth-last-child(4) {border-bottom:solid 1px #dfdfdf !important}
.clients .client:nth-child(4), .clients .client:nth-last-child(5) {border-right: solid 1px #dfdfdf !important;}
.clients .client:nth-child(3) {border-right:0px !important;}



/*========================================
		Footer
======================================== */

footer .ft-logo img {max-height:40px}
footer.top_90 {margin-top:0px}

/*========================================
		Contact
======================================== */

div.contact-info span {font-size:22px}
div.contact-info a {font-size:24px}
div.contact-info p {font-size:24px}
form #form-group label.placeholder {font-size:20px; top:0px}
input.site-btn {padding:20px 40px; display:inline-block; background:#000; border-radius:100px; font-size:26px; color:#fff; font-weight:500; border:2px solid #000; transition:.5s ease;font-family: gilroy;}
input.site-btn:hover {opacity:1; color:#000; background:transparent; }


/*========================================
		News
======================================== */

.news-page h1.subhero-title {font-size:100px; font-weight:600; line-height:1; max-width:1400px}
.news-page h1.subhero-title br {display:none}
.news-list .container {max-width:1250px; margin:0 auto}
h2.article-title {font-size:80px; line-height:1; font-weight:600 }
div.article-bottom {margin:0px; max-width:100% }
article .article-content p {font-size:24px; max-width:800px; margin:30px auto !important}

article .article-content div.article-top {padding-top:0px}
.article-top .post-categories li a {font-size:24px; font-weight:600}
.article-top .entry-date div {font-size:24px; font-weight:600}
.article-top .entry-date span {display:none}
.article-top .entry-date a {display:none}

article div.post-image img {width:100% !important}

.dee-blog-detail p {font-weight: 400; letter-spacing: .5px; line-height: 1.6; }



/*========================================
		DEE
======================================== */




/*========================================
		Media Query
======================================== */


@media screen and (max-width:1650px) {
	#portfolio .row.masonry a.col-xl-3 h3.title {font-size: 32px;}
}


@media screen and (max-width:1600px) {
article .article-content div.article-top {padding-top:15px}
.article-content {padding-bottom:60px !important}
	.grid-item {margin-bottom:40px !important; padding-left:20px !important; padding-right:20px !important}	
}


@media screen and (max-width:1440px) {
.news-page h1.subhero-title {font-size:80px;}
h2.article-title {font-size:70px}
.about--header .hero-content .subhero-title {font-size:56px}
.about-cta h3 { font-size: 80px;}
.grid-item {margin-bottom:30px !important; padding-left:15px !important; padding-right:15px !important}	

}


@media screen and (max-width:1200px) {
	.testi-wrap h4 { font-size: 60px;}

}

@media screen and (max-width:1024px) {

.hero {height:auto !important; padding:100px 0px}
section.atop {margin-top:0px}	
	
.dee-btn-wht {padding:12px 40px; font-size:28px; }
input.site-btn {padding:12px 50px; font-size:26px;}
a.site-btn {padding:12px 50px; font-size:26px; }	
.hero-content .hero-title { font-size: 160px;}
#portfolio .portfolio-item figcaption .title { font-size:36px}
.footer-cta h3 {font-size: 60px;;}
.footer-cta h3 br {display:none}

h1.subhero-title br{display:none}
	
.news-page h1.subhero-title { font-size: 70px;}
h2.article-title {font-size:52px}
.about--header .hero-content .subhero-title {font-size:46px}
.about-cta h3 br {display:none}
.section-heads p { font-size: 32px;  }

}



@media screen and (max-width: 990px) {
.testi-wrap {padding-right:0px}
.testi-content {left:20px; bottom:20px}
.testi-wrap h4 { font-size: 50px; max-width:150px	}
.section-heads p  { font-size: 28px;  }

}


@media screen and (max-width: 768px) {
article .article-content div.article-top {display: flex; align-items: center; justify-content: space-between;  flex-wrap: nowrap;	}
ul.post-categories {margin-bottom:0px}
}

@media screen and (max-width: 767px) {
	
.hero-content .hero-title { font-size: 110px;}	
.hero-content .hero-text br{display:none}
.news-page h1.subhero-title { font-size: 70px;}

h2.article-title {font-size:48px}
.article-top .post-categories li a {font-size:18px;}
.article-top .entry-date div {font-size:18px; margin:0px}
.article-top .entry-date {margin-right:-15px !important}
.article-top .entry-data {margin-left:-15px !important}
	
.about--header .hero-content .subhero-title {font-size:36px}
.section-heads-lg h3 {font-size:70px}
.about-cta h3 {font-size:60px}
	
.et-db #et-boc .et-l .programs .et_pb_blurb_content{display:block !important}
.et-db #et-boc .et-l .programs .et_pb_blurb_content .et_pb_main_blurb_image{display:block !important}

}

@media screen and (max-width: 576px) {

.hero {height:100vh !important; padding:0px}
section.atop {margin-top:-50px}
	
.dee-btn-wht {padding:12px 40px; font-size:26px; }
input.site-btn {padding:12px 40px; font-size:24px;}
a.site-btn {padding:12px 40px; font-size:24px; }
	
.hero-content .hero-title  { font-size: 90px;}	
.footer-cta h3 {font-size:52px}
.subhero-title { font-size: 40px;}	
 .contact form { padding: 0}
.news-page h1.subhero-title { font-size: 60px;}
h2.article-title {font-size:42px}
.section-heads-lg h3 {font-size:60px}
.section-heads h3 {font-size:60px}
.section-heads p  { font-size: 24px;  }
.digital-services h3 {font-size:60px}
.clients .section-title .title {font-size:60px}	
	#player-overlay video {width:100%}
}


@media screen and (max-width: 500px) {
	
article .article-content div.article-top {padding-top:0px}
}