@charset "utf-8";
/* CSS Document */

/*

 Theme Name:   920 Belmont - child theme

 Author:       Results Advertising

 Template:     businessbiz

*/


@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Unna:400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Dosis:400,500,600,700'); 
@import url("../businessbiz/style.css");


/* fonts */

body, button, input, select, textarea {
    color: #333;font-size: 18px; line-height:1.7}

h1,h2{font-family: 'Playfair Display', serif; /*font-family: 'Unna', serif;*/ }

h1{font-size:34px; line-height:1.2}

p{color:#333333;}

img:hover{opacity: 1!important;}


.site-branding { padding: 0px 0; min-height: auto;}

/*nav*/
.main-navigation a{font-family: 'Unna', serif; font-size:20px;}
.main-navigation ul.nav-menu > li > a {padding: 30px 18px 15px; text-transform:none; color:#333;margin-top: 10px;}
.main-navigation ul.nav-menu > li:hover{opacity: 0.7;background-color: #FFF;color: #000;}
.main-navigation ul.nav-menu > li > a:hover{opacity: 0.7;background-color: #FFF;color: #000;}
.main-navigation ul.nav-menu > li.current-menu-item{background-color: #FFF;}
.main-navigation ul.nav-menu > li.current-menu-item > a{opacity: 1;color: #000; font-weight: 400; background:url(images/nav_bg.gif) no-repeat bottom center}
.main-navigation ul#primary-menu li.current-menu-item > a{font-weight: 400;}


#menu-item-82 > a,#menu-item-83 > a,#menu-item-84 > a{background:none}


/*head area*/

.headfloat{width:90%;max-width:1200px; margin:0 auto 0; text-align:left; position: relative;}
.home .headcontent{width:55%; margin:10% auto 2%; display:block; padding:0; text-align:left; position:absolute; z-index:15;}

.headcontent{width:75%; margin:10% auto 2%; display:block; padding:0; text-align:left; position:absolute; z-index:15;}

.headcenter{text-align:center; position:absolute; z-index:15; width:100%; margin: 0;}

.headcenter h1{font-family: 'Playfair Display', serif; font-size:6vw; line-height:1.1; font-weight:400; color:#FF0!important; margin:0 0 20px 0 !important; display:block; }

.headcontent h1{font-family: 'Playfair Display', serif; font-size:102px; line-height:1.1; font-weight:400; color:#fff!important; margin:0!important; display:block}
.headcontent h2{font-size:66px!important;color:#fff!important; font-weight:300!important; text-transform:none!important; line-height: 1.2; margin:0 0 20px!important; display:block}
.headcontent p{font-size:21px!important; color:#fff!important; font-weight:500!important; margin:7% 0 7%; display:block; line-height: 1.5;}
.headcontent p strong{color:#fff!important;}

.fullimage{width:100%; position:relative; display:block;}
.fullimage img, .mob-home img{width:100%; height:auto;}

.mob-home{display:none;width:100%; position:relative; }

.right-sidebar #primary, .left-sidebar #primary {
    width: 100%!important; margin:0!important;
    float: none!important;
    padding: 0!important;
}

/*content*/

.bulhome{color:#f9e600}
.bulabout{color:#ff9933}
.grey{background-color:#efefe8;}
.pharmacy{background-color:#f0eef7;}
.retail{background-color:#e8efea;}
.center{text-align:center;}
.contentblock{max-width:1175px; width:90%; margin:0 auto 0; /*padding:50px 0 35px;*/  padding:50px 0 0;overflow: hidden;}

#post-8 .contentblock p img{margin-bottom:-1em}

ul.history{padding:0; margin:0 0 35px 0}
.history li{list-style:none; margin: 0 0 10px 0;  padding:7px 0 12px 0; border-bottom:1px solid #ccc;}
.history strong{color:#F00}

.entry-content h1{color:#0033cc}

h1.key{font-size:46px;}
.keypoints li{list-style:none; margin: 0 0 10px 0; }
.keypoints strong{color:#00a651}

.keypoints .bullet{font-size:24px; line-height:20px; margin:0 2px;font-weight: bold;}

.keypoints .buline{display:inline;}

.featimages{max-width:1700px; width:100%; margin:30px auto 30px; display:block; clear:both;overflow: hidden;}
.featimages ul{margin:0; padding:0;}
.featimages ul li{display:inline-block; margin:0 0.5% 0 0; width:32.83%; float:left;}
.featimages ul li:last-child{margin:0;}
.featimages ul li img{width:100%; height:auto;}

.twoimages{text-align: center; margin:30px auto 30px; display:block; overflow:hidden;}
.twoimages img{margin:0!important; float:none!important}

.inlinebg{width:100%; margin:60px auto 30px; overflow:hidden; display:block}
.inlinebg img{width:100%; height:auto;}


.learnmore{width:150px; background: #ffff00;
background: -moz-linear-gradient(top,  #ffff00 0%, #ff9900 100%);
background: -webkit-linear-gradient(top,  #ffff00 0%,#ff9900 100%);
background: linear-gradient(to bottom,  #ffff00 0%,#ff9900 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff00', endColorstr='#ff9900',GradientType=0 );
}

.learnmore a{color:#000; padding:12px 15px; font-size:16px; font-weight: 600;text-transform:uppercase; text-align:center; display:inline-block;}

.tulfralink{margin-top:10px!important;width:120px;background: rgb(32,244,243);
background: -moz-linear-gradient(180deg, rgba(32,244,243,1) 0%, rgba(31,158,130,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(32,244,243,1) 0%, rgba(31,158,130,1) 100%);
background: linear-gradient(180deg, rgba(32,244,243,1) 0%, rgba(31,158,130,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#20f4f3",endColorstr="#1f9e82",GradientType=1); display:inline-block;}

.tulfralink a{color:#fff; padding:12px 15px; font-size:16px; font-weight: 600;text-transform:uppercase; text-align:center; display:inline-block;}

/* About */

.contact{font-family: 'Dosis',sans-serif!important;}

.contact h2{font-family: 'Dosis',sans-serif!important;font-size:24px; font-weight:600}


/*Contact */
.contact{padding:0;overflow: hidden;}
#contact img.alignright{margin: 0}

.inquiries{padding-left:30px; border-left:1px solid #CCC}

/*footer logos*/
.footerlogos{width:100%; max-width:1200px; margin:40px auto 20px; padding: 20px 0 20px 0; border-top:1px solid #CCC; text-align:center; font-size:10px;}

.site-footer{font-size:12px!important}

#colophon{background-color: #fff;color: #333;}

#colophon .site-info{background: none!important;padding: 5px 0;}

.site-info, .site-info a{color: #666;}

.site-info span{text-align: right;margin:0;}

@media screen and (max-width: 1024px) {
	
	body, button, input, select, textarea {font-size: 16px}
	
	.main-navigation ul.nav-menu > li > a {padding: 30px 10px 15px;}
	.main-navigation a {font-size: 16px;}
	
	.home .headcontent{width:55%;margin: 7% auto 2%;}
	
	.headcontent{width:90%;margin: 7% auto 2%;}
	.headcontent h1{font-size: 80px;}
	.headcontent h2{font-size: 50px!important;}
	.headcontent p {font-size: 18px !important; margin-top: 20px!important;}
	
	h1{font-size: 34px;}
	h2{font-size: 32px;}
	
	
	#post-12 .su-column-size-7-8{width:80%}
	.keypoints .buline {display: inline-block;}
	
	.tulfralink{width:100px;}
	.tulfralink a{color:#fff; padding:8px 12px; font-size:14px;}
	
	.learnmore{width:125px;}
	.learnmore a{color:#000; padding:8px 12px; font-size:14px;}
	
	.site-info span{text-align: center;margin:0;}
	
}


@media screen and (max-width: 768px) {
	
	body, button, input, select, textarea {font-size: 15px}
	
	.site-branding{padding: 0;min-height: 80px;}
	
	.wrapper{width: 95%;}
	
	.headcontent{margin: 5% auto 2%;}
	.headcontent h1{font-size: 64px;margin: 0!important;}
	.headcontent h2{font-size: 42px!important;}
	.headcontent p {font-size: 15px !important;}
	
	h1{font-size: 28px;}
	h2{font-size: 22px;}
	
	.menu-toggle span {background-color: #000;}
	
	.main-navigation {float: none; width: 100%;}
	
	.main-navigation a{font-size: 18px;}
	
	.main-navigation ul.nav-menu {width: 100%;}
	
	.main-navigation ul.nav-menu > li > a{padding: 15px 10px 15px;}
	
	.main-navigation ul.nav-menu > li.current-menu-item > a{background: none;}
	
	.inquiries{padding-left: 0px; border-left: none;}
	
	#post-12 .su-column-size-1-8{width: 140px!important; float:left!important}
	#post-12 .su-column-size-7-8{width:75%!important; float:right!important}
	
	
}

@media screen and (max-width: 660px) {
	
		.home .headcontent{margin: 5% auto 2% 2%; width:55%;}
	.home .headcontent h1{font-size: 40px; line-height:1;margin: 10px 0 10px 0 !important;text-align: left;text-shadow: 1px 1px 6px rgba(37, 37, 37, 1);}
	.home .headcontent h2{font-size: 30px!important;}
	.home .headcontent p{font-size: 12px!important; font-weight:600!important; line-height:1.4;text-align: left;text-shadow: 1px 1px 6px rgba(37, 37, 37, 1);}
	
	
	.entry-content h1 span{display:block!important;}
	
	
	.entry-content .headcontent h1 span{display: inline-block !important;}
	
}

@media screen and (max-width: 480px) {
	body, button, input, select, textarea {font-size: 14px; line-height:1.6}
	h1{font-size: 24px;}
	
	#site-identity{display:none;}
	.site-branding{text-align: left; width:50%; float:left;border-bottom:none;}
	.wrapper{width: 100%;}
	.menu-toggle{margin-right:0px;}
	
	.home .desk-home{display:none;}
	.mob-home{display:block;}
	
	
	.headfloat{width: 95%; text-align:center;}
	
	
	.home .headcontent{margin: 7% auto 2% 4%; width:70%;}
	.home .headcontent h1{font-size: 48px; line-height:1;margin: 0 0 5px 0 !important;text-align: left;text-shadow: 1px 1px 6px rgba(37, 37, 37, 1);}
	.home .headcontent h2{font-size: 34px!important;}
	.home .headcontent p{font-size: 11px!important; font-weight:500!important; line-height:1.5;text-align: left;text-shadow: 1px 1px 6px rgba(37, 37, 37, 1);}
	
	
	.headcontent{margin: 5% auto 2%; width:100%;}
	.headcontent h1{font-size: 24px; line-height:1;margin: 0 0 5px 0 !important;text-align: center;text-shadow: 1px 1px 6px rgba(37, 37, 37, 1);}
	.headcontent h2{font-size: 20px!important;}
	.headcontent p{font-size: 12px!important; font-weight:600!important; line-height:1.2;text-align: center;text-shadow: 1px 1px 6px rgba(37, 37, 37, 1);}
	
	
	.featimages {margin: 30px auto 0px;}
	
	.keypoints{padding-left:0!important}
	#post-12 .su-column-size-1-8{width:100%!important; float:none!important}
	#post-12 .su-column-size-7-8{width:100%!important; float:none!important}
	

	.learnmore{margin: 10px auto 0;width: 105px; display: inline-block;}
	.learnmore a{padding: 2px 12px 3px;font-size:11px;}
	
	.contentblock{width: 85%;/*padding: 30px 0 35px; */padding:30px 0 0;}
	
	.footerlogos{width:100%;}
	.footerlogos img{width:32%;}
	
	.site-footer{font-size: 10px !important;}
	
	
	
}