/* TYPOGRAPHY */

@font-face {
	font-family: 'Brandon Grotesque';
	src: url('fonts/BrandonGrotesque-Light.eot');
	src: url('fonts/BrandonGrotesque-Light.eot?#iefix') format('embedded-opentype'),
		url('fonts/BrandonGrotesque-Light.woff') format('woff'),
		url('fonts/BrandonGrotesque-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Brandon Grotesque';
	src: url('fonts/BrandonGrotesque-Medium.eot');
	src: url('fonts/BrandonGrotesque-Medium.eot?#iefix') format('embedded-opentype'),
		url('fonts/BrandonGrotesque-Medium.woff') format('woff'),
		url('fonts/BrandonGrotesque-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Brandon Grotesque';
	src: url('fonts/BrandonGrotesque-Black.eot');
	src: url('fonts/BrandonGrotesque-Black.eot?#iefix') format('embedded-opentype'),
		url('fonts/BrandonGrotesque-Black.woff') format('woff'),
		url('fonts/BrandonGrotesque-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

/* GENERIC */

h1, h1 span, h2, h3, h4, h5, .gallery_block .load_more_grid span { font-family: 'Brandon Grotesque',Century Gothic,CenturyGothic,AppleGothic, Helvetica, Arial, sans-serif !important; }
h3 { font-size: 32px !important; line-height:40px; }
h4 { color:#999; }
p, td, div, input, textarea { font-family:Century Gothic,CenturyGothic,AppleGothic, Helvetica, Arial, Verdana, sans-serif; font-size: 14px; color: #333; line-height: 22px; }
p { margin-bottom:15px; }
a { font-weight:bold; }
.contentarea ul li, .content_area ol li { line-height: 22px; margin-bottom:10px; }

/* LANDING */

.landing_wrapper { background:#16998a; }
.landing_logo { border-radius: 0; background: url(https://www.sophyinc.com/wp-content/themes/sophyinc/img/landing_logo.png) top left no-repeat; }
.landing_logo img { display:none !important; }
.landing_enter { background: #fff; }

/* HEADER */

header { background-color: #16998a !important; min-height: 90px !important; }
header .logo { top: 8px; }
header .logo img{ width: 300px; height: 75px; }
header nav ul.menu li a { font-family: 'Brandon Grotesque',Century Gothic,CenturyGothic,AppleGothic, Helvetica, Arial, sans-serif !important; color:#fff !important; font-size: 24px; line-height: 26px; }
header nav ul.menu li a:hover { opacity:0.7; }
.header_filter .filter_block, .header_filter .search, .header_filter .share_block { display: none; }

/* FOOTER */

footer { background:#16998a; color:#fff !important }
footer .call_us .copy { color: #fff; }
footer .call_us { background:none !important; }
footer .call_us span, footer .call_us div { display:none; }
.footer-menu ul li a { font-family: 'Brandon Grotesque',Century Gothic,CenturyGothic,AppleGothic, Helvetica, Arial, sans-serif !important; text-transform:uppercase; font-size:15px; color: #fff !important; display: inline-block !important; float: right; margin-right: 15px; }
.footer-menu ul li a:hover { opacity:0.7; text-decoration:none; }
.footer-menu { color: #fff !important; display: block; padding-top: 10px; float: right; }
.footer-menu ul li {
    display: inline-block !important;
}

/* MARGINS */

[class*="span"] { float: none; margin-left: auto; }
.module_content { margin: 0 auto; }
.module_portfolio, .module_feedback_form, .module_text_area { float: left; }
.module_divider { float:none; margin:0 auto; }
.module_feedback_form { margin-left:1%; }
.row { margin-left: -1%; }

/* HOME */

.gallery_block .load_more_grid { display:none !important; }
.ico_zoom, .icon_zoom span { display: none !important; }
.ico_link { margin-left: -2% !important; }
.ico_link span { background: url(https://www.sophyinc.com/wp-content/themes/sophyinc/img/btn_thmb_zoom.png) no-repeat 0 0; }

/* PORTFOLIO */

.withoutbreadcrumb .toptitle { padding-bottom: 0 !important; }

/* MEDIA QUERIES */

@media (min-width:0px) and (max-width: 1280px) { 
header .logo { position: relative;}
header nav { float: left; margin:20px 0 0 20px; }
header { min-height:140px !important; }
}
@media (min-width:0px) and (max-width: 1024px) { 
header .logo { position: relative;}
header nav ul.menu li a { font-size:16px; line-height:18px; }
header nav { float: left; margin:20px 0 0 20px; }
header { min-height:130px !important; }
}
@media (min-width:0px) and (max-width: 800px) { 
header .logo img { width: 200px !important; height: auto !important; }
header nav { margin:10px 0 0 20px; }
header { min-height:100px !important; }
.footer-menu { display:none; }
}
@media (min-width:0px) and (max-width: 640px) { }
@media (min-width:0px) and (max-width: 380px) { }