/*
Theme Name: SkyFuel - Twenty Seventeen
Theme URI: http://www.dev.mediaworksweb.com/skyfuel-wp/wp-content/themes/twentyseventeen-child
Author: MediaWorks - Mark Wolcott
Author URI: http://mediaworksweb.com
Template: twentyseventeen
Description: Twenty Seventeen Child Theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: mediaworks
Text Domain:  twentyseventeen-child
*/

html,
body,
button,
code,
input,
select,
textarea {
	color: #37424A;
	font-family: 'Roboto', Verdana, Geneva, sans-serif !important;
	font-weight: 300;
	font-size: 1rem !important;
	letter-spacing: 0.02em;
}
/* Re-ADD letter-spacing for all non-latin alphabets */

html[lang^="zh-"] *{
	letter-spacing: 0.02em !important;
}
html[lang^="zh-"] .title, html [lang^="zh-"] .title-blue {
	font-weight: 300;
	letter-spacing: 0.05em !important;
}
html[lang^="zh-"] h3 {
	font-weight: 300 !important;
	letter-spacing: 0.05em !important;
}
html[lang^="zh-"] .entry-date {
	letter-spacing: 0.1818em !important;
}
body{
	/* resolves scrolling jump issue */
    min-height: 1200px;
}
.wrap{
    max-width: 100% !important;
    padding: 0 !important;
}
.topbar-widget{
    border-bottom: 1px solid #37424A;
    padding: 5px 2%;
}
.topbar-widget ul{
    padding: 0;
}
.topbar-widget li{
	margin: 0 10px;
	padding: 0 !important;
    display: inline-block;
    border: none !important;
}
.topbar-widget .phone{
    padding-left: 18px !important;
	background: transparent url(images/icon-phone.png) no-repeat 0 50%;
}
.topbar-widget .email{
    padding-left: 20px !important;
	background: transparent url(images/icon-email.png) no-repeat 0 50%;
}
.topbar-widget .linkedin, .topbar-widget .facebook{
	margin: 0 5px;
	float: right;
}
.topbar-widget .linkedin a, .topbar-widget .facebook a{
	width: 20px;
	text-indent: -10000px !important;
	background: transparent url(images/icon-linkedin.png) no-repeat 0 50%;
	opacity: 0.5;
	float: right;
}
.topbar-widget .facebook a{
	background: transparent url(images/icon-facebook.png) no-repeat 0 50%;
}
.topbar-widget .linkedin a:hover, .topbar-widget .facebook a:hover{
	opacity: 1;
}


#menu-language-menu {
	margin: 0 !important;
	padding: 0 !important;
}
#menu-language-menu li{
	margin: 0 10px !important;
	padding: 0 !important;
	position: relative;
	background: #fff;
}
#menu-language-menu li ul{
	position: absolute;
    z-index: 100000;
	top: 30px;
	left: 0;
	border: 1px solid #ccc;
}

.page-header{
    padding: 20px 2%;
}
.custom-header{
	margin: 0 !important;
}
.site-header{
	background: #fff;
}
.site-branding {
	padding: 5px 2%;
	display: none;
}
.site-branding .wrap{
	padding: 5px 0 !important;
	float: left !important;
}
.site-branding .site-description{
	display: none;
}
.navigation-top {
    margin: 0 auto !important;
    position: relative;
    border: none;
    float: right;
    z-index: 10000 !important;
}
.navigation-top nav{
    margin: 0 auto !important;
}
.navigation-top.site-navigation-fixed #top-menu{
	padding: 5px 30px;
	-webkit-transition: all .5s; /* Safari */
    transition: all .5s;
}
#top-menu {
    text-align: right;
    padding: 20px 2% ;
	-webkit-transition: all .5s; /* Safari */
    transition: all .5s;
}
#top-menu>li {
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	display: inline-block;
}
#top-menu>li:first-child {
    text-align: left;
	float: left;
	margin: -10px 0 0 0;
}
#top-menu>li:first-child a, .site-branding a{
	text-indent: -10000px !important;
	width: 300px;
	height: 60px;
	display: block;
	background: transparent url(images/logo.png) no-repeat 0 0;
	background-size: 100%;
	-webkit-transition: all .5s; /* Safari */
    transition: all .5s;
}
#top-menu>li:first-child a:hover{
	opacity: 0.7;
}
.navigation-top.site-navigation-fixed #top-menu>li:first-child a{
    width: 150px;
    height: 30px;
    background-size: 100%;
    margin: 15px 0 0 0;
	-webkit-transition: all .5s; /* Safari */
    transition: all .5s;
}
#top-menu>li>a{
	color: #37424A !important;
	padding: 8px;
}
#top-menu>li>a:hover, #top-menu>li>a:focus{
    color: #ffb612 !important;
    opacity: 1;
}
#top-menu>li ul{
    padding-bottom: 15px !important;
}
#top-menu>li li:hover a{
    color: #fff !important;
}

#top-menu li li:hover li a {
	color: #37424A !important;
}
#top-menu li li:hover li:hover a {
	color: #fff !important;
}


#top-menu>li:last-child>a{
	color: #fff !important;
	background: #ffb612 
}
#top-menu>li:last-child:hover>a, #top-menu>li:last-child:focus>a{
	color: #fff !important;
	opacity: 0.8;
}

.home-banner {
	padding: 0 !important;
	position: relative !important;
}
.home-banner div{
	position: initial !important;
}
.home-banner .panel-grid-cell{
	padding-top: 0;
}
.home-banner .sow-slider-image{
	padding-top: 40% !important;
}
.home-banner .textwidget{
	width: auto !important;
	max-width: 96%;
	height: auto !important;
	position: absolute !important;
	background: transparent url(images/darken.png) repeat  !important;
}
.left .textwidget{
	padding: 20px;
	left: 2%;
	bottom: 4%;
}
.right .textwidget{
	text-align: right;
	right: 2%;
	bottom: 4%;
	padding: 20px;
}
.home-banner h2{
    color: #ffb612 !important;
    font-size: 2.6vw !important;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 110% !important;
    padding: 0;
    max-width: 35vw;
}
.right .textwidget h2{
	float: right;
}
.home-banner h3{
	font-size: 1.6vw !important;
    text-transform: uppercase;
    margin: 0 !important;
}
.home-banner .sow-slider-base ul{
    padding-bottom: 0 !important;
    margin-bottom: -1px;
}
.home-banner .sow-slider-pagination{
	display: none !important;
}
.home-banner .sow-slide-nav{
	top: 50% !important;
	position: absolute !important;
}



.banner {
	position: relative;
	margin-bottom: 30px;
	padding-top: 0 !important;
	min-height: 200px;

	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.banner .widget-title {
	display: none;
}
.banner .textwidget {
	position: relative;
	z-index: 1;
}
.banner h1{
    color: #ffb612;
	font-size: 3em;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    text-shadow: 0 3px 10px #000
}
.banner h3{
	color: #fff;
	font-size: 1.5em;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

/* No text shadow */

.no-text-shadow h1 {
	text-shadow: none;
}

/* Overlay */

.overlay::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,.4);
}



/* NEWS EVENTS TICKER */
.news-events{
	padding: 10px 2% 0 2% !important;
}
.news-events p{
	margin: 0 !important;
}
.news-events p a{
	color: #ccc;
}
.news-events h3{
	color: #fff;
	font-size: 0.9em; 
	margin: 0 !important;
	padding: 7px 0 0 0 !important;
	float: left;
}
.news-events a{
	color: #ffb612;
	font-size:15px; 
	padding: 4px 8px;
    display: block;
}

#vsel{
	border-top: 1px solid #ccc;
	padding-top: 10px;
}



.edit-link{
    display: none;
}
.entry-header{
	width: 100% !important;
	float: none !important;
	margin: 0;
	padding: 0 5% 15px 5% !important;
}
.home .entry-header{
	display: none !important;
}
.page-header{
	width: 100% !important;
	float: none !important;
}
.single-featured-image-header, .post-thumbnail {
	display: none;
}
#primary article{
	width: 100% !important;
	float: none !important;
	margin: 0 auto;
}
.entry-content{
	width: 100% !important;
	margin: 0 auto !important;
	padding: 0 5% !important;
	max-width: 100% !important;
}
.content-area{
	max-width: 100% !important;
}
.site-content{
	margin: 0 auto;
	padding: 0;
}
.widget { 
    padding: 0;
}

/* widget lists */

.widget ul {
	list-style: none;
	margin: 0;
}

.widget ul li {
	border: none;
	margin: 0 0 0 1em;
	padding: 0.5em 0;
	list-style: square;
}

.widget .news ul li {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin: -1px 0 0 0;
	padding: 0.5em 0;
	list-style: none;
}

.panel-row-style{
	padding-top: 30px;
}
.panel-grid, .panel-grid-cell, .so-panel{
	margin: 0 auto !important;
}
.panel-grid{
	max-width: 1400px;
}
.panel-grid-cell{
	padding: 0 5px;
}

.accordions{
	margin: -20px 0 40px 0;
}
.accordions-head{
	pointer-events: none !important;
}
.accordions-head-title, .accordion-content{
	font-family: 'Roboto', Verdana, Geneva, sans-serif !important;
}
.accordion-icons{
	display: block;
	padding: 3px 8px 8px 0;
}
.accordions-head-title{
	display: block;
}


/* BOD & MANAGEMENT*/
.title-block_6 h3{
	color: #333 !important; 
	font-weight: 300 !important;
	text-align: center;
    width: 100% !important;
    padding: 5px !important;
}
.right-block h3.title{
	text-align: center;
    padding: 5px !important;
}

/* NEWS AND EVENTS */

.pt-cv-ifield{
	border-bottom: 1px solid #ccc;
}
.pt-cv-title {
	font-size: 1.2em !important;
	margin: 0 !important;
	padding: 5px 0;
}
.pt-cv-title a{
	font-weight: normal !important;
}


/* PRODUCTS GALLERY */

	.gallery-columns-4 .gallery-item {
		max-width: 24%;
	}
	.gallery-caption{
		font-size: 0.9em !important;
		line-height: 100%; !important;
	}

.amazingcarousel-image>div{
	opacity: 0 !important;
	pointer-events: none !important;
}

/* WAVING PORTFOLIO - PROJECTS - MANAGEMENT */

#da-thumbs *{
    cursor: pointer !important;
}
#da-thumbs li, #da-thumbs li a{
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
}
#da-thumbs li br, #da-thumbs p{
	display: none !important;
}
#da-thumbs li a div, #da-thumbs li a div span {
    padding-top: 10% !important;
    pointer-events: none !important;
}

#da-thumbs.da-thumbs-Management a{
	padding-bottom: 60px !important;
}

#da-thumbs.da-thumbs-Management li a div, #da-thumbs.da-thumbs-Management li a div span {
    color: #333 !important;
    left: 0 !important;
    top: 210px !important;
    margin: 0 !important;
    padding: 5px 0 !important;
    background: #fff !important;
    border: none !important;
    text-transform: none !important;
    height: 60px !important;
}

.md-modal *{
	color: #fff !important;
	font-weight: normal !important;-webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
.md-modal {
    top: 0 !important;
    width: 100% !important;
    max-width: 60% !important;
}
.modal-waving-content{
	height: 85vh !important;
	padding-bottom: 50px;
}
.md-content.waving-content h3{
	font-size: 2em !important;
	font-family: 'Fjalla One', sans-serif !important;
	border-top: 2px solid #ffb612;
	border-bottom: 2px solid #ffb612;
	text-transform: uppercase !important;
	margin: 0 auto 20px !important;
	padding: 5px 15px;
	display: table;
	letter-spacing: 0.05em;
	}
.md-content.waving-content h5{
	font-weight: bold !important;
	text-transform: uppercase !important;
    display: inline-block;
}
.md-content.waving-content a{
   border-bottom: 1px solid #fff;
}
.md-overlay {
	opacity: 0.95 !important;
	background: #37424A !important;
}
.md-modal img{
    background: none !important;
    padding: 0 !important;
    max-width: 20%;
}
.modal-gallary{
	width: 50%;
	float: right !important;
	padding-left: 5%;
	max-height: 600px;
	overflow: hidden;
}

.modal-gallary a:first-child{
	display: block !important;
    position: relative;
}
.modal-gallary a:first-child:before{
	color: #ffa;
    /*content: url(images/icon-zoom.png);*/
    position: absolute;
    top: 40%;
    left: 40%;
    z-index: 100000;
}
.management .modal-gallary a:first-child{
    pointer-events: none !important;
}
.management .modal-gallary a:first-child:before{
    content: "";
}

.modal-gallary a:first-child img{
	width: 100% !important;
    max-width: 90%;
}
.prev a, .next a{
	text-align: center;
	width: 40%;
	margin: 30px 5%;
	display: block;
	float: left;
	border-radius: 5px;
	background: #eee;
}
.next a{
	float: right;
}

a{
	color: #267591;
	-webkit-box-shadow: none !important;
	        box-shadow: none !important
}
a:hover, a:focus{
    color: #3DB7E4 !important;
}

h1{
	font-size: 2em;
	font-weight: bold;
	margin: 10px 0;
}
h2{
	font-size: 1.75em;
	margin: 0;
	padding: 10px 0;
}
h3 {
    font-size: 1.5em;
	margin: 0;
	padding: 10px 0;
}
h4 { 
    font-size: 1.35em !important;
	margin: 0;
	padding: 10px 0;
	clear: none !important
}
h5 {
    font-size: 1.2em;
	text-transform: none;
    letter-spacing: 0em;
	margin: 0;
	padding: 10px 0;
}

th{
	border: 1px solid #aaa;
	padding: 5px !important;
	background: #eee;
}
td{
	border: 1px solid #aaa;
	padding: 5px !important;
}
ul{
	padding: 0 0 2em 0;
}
ol{
	padding-left: 1.3em;
}
ol li, li li{
	font-size: 0.9em;
	padding: 5px 0;
}
blockquote{
	border-left: 2px solid #ccc;
	border-right: 2px solid #ccc;
	padding: 10px 10px 0 10px;
}
sub, sup{
	font-size: 0.6em;
}
table{
	width: auto;
}
table.aligncenter{
	display: table;
}

a img{
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
a img:hover, a img:focus{
    opacity: 0.8;
}
.entry-content img{
	margin-top: 5px;
	padding-bottom: 10px;
	background: transparent url(images/shdw.png) no-repeat 50% 100%;
	background-size: 100% 9px;
}
.wp-caption-text{
    font-size: 1.1em;
	text-align: center !important;
}

.larger{font-size: 1.2em;}
.smaller{font-size: 0.8em;}
.white{color: #fff}
.blue{color: #3DB7E4}
.grey{color: #37424A}
.gold{color:#ffb612}
.title, .title-blue{
	font-size: 1.7em;
	font-family: 'Fjalla One', sans-serif;
	border-top: 2px solid #ffb612;
	border-bottom: 2px solid #ffb612;
	text-transform: uppercase !important;
	margin: 0 0 20px 0;
	padding: 5px 15px;
	display: inline-block;
	letter-spacing: 0.05em;
	}
.title-blue{
	border-top: 2px solid #009ddc;
	border-bottom: 2px solid #009ddc;
    }
.button a, a .button, .button-block a{
	color: #fff;
	text-transform: uppercase;
	margin: 5px 0 !important;
	padding: 5px 15px !important;
	-webkit-box-shadow: none !important;
	        box-shadow: none !important;
	display: inline-block;
	background: #ffb612 !important;
}
.button a:hover, a .button:hover,  .button-block a:hover{
	color: #fff !important;
	opacity: 0.8;
}
.pdf li{
    padding-left: 35px !important;
	background: transparent url(images/pdf-icon.png) no-repeat 0 10px;
}
.pdf a:hover, a .pdf:hover{
	opacity: 0.5;
}
.no-img-shdw img{
	padding-bottom: 0;
	background: none;
}


.byline{
	display: none !important;
}


#home-footer{
	display: none;
}
.home #home-footer{
	display: block;
}

.footer-widget-1{
	width: 100% !important;
}
.footer-widget-1 *{
    color: #fff;
}
.footer-widget-2{
	width: 100% !important;
}
.footer-widget-2 *{
    color: #fff;
}
.footer-widget-2 .panel-grid-cell{
	padding-top: 0 !important;
} 
.footer-widget-2 ul.menu{
	display: table;
	margin: 0 auto;
	text-align: center;
}
.footer-widget-2 .menu li{
	margin: 0;
	padding: 0 10px;
	border: none;
	border-left: 1px solid #fff;
	display: inline;
}
.footer-widget-2 .menu li:first-child{
	border: none;
}
.footer-widget-2 .menu li a:hover, .footer-widget-2 .menu li a:focus{
    color: #ccc !important;
}
.site-footer{
    margin: 0;
}
.site-footer .widget-area {
    padding: 0;
}
.site-info{
	display: none;
}
.entry-footer{
    display: none;
}
	


/* RESPONSIVE STYLING */


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

.site-branding {
	display: block;
}

.menu-toggle{
	color: #fff;
	font-size: 25px !important;
	max-width: 40px;
	max-height: 40px;
	margin: 5px 10px;
	padding: 2px 0 0 8px;
	overflow: hidden;
	float: right;
	background: #37424A !important;
}
#top-menu{
	position: absolute;
	top: 60px;
	right: 0;
	z-index: 10000;
	margin: 0;
	padding: 10px 10%;
    border: 2px solid #ccc !important;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 100vw;
	background: #37424A;
}
#top-menu::before, #top-menu::after{
    display: none;
}
#top-menu li {
	color: #fff !important;
	text-align: right;
	margin: 0 !important;
	padding: 0 15px;
    display: block;
    background: none !important;
}
#top-menu>li:first-child  {
    display: none;
}
#top-menu>li:last-child  {
    display: inline-block;
    }
#top-menu li a{
	color: #fff !important;
}
#top-menu>li li:hover a, #top-menu>li li:focus a{
    color: #ffb612 !important;
}
#top-menu li ul{
	background: none !important;
	border: none 
}
#top-menu .dropdown-toggle{
	color: #fff;
}
#top-menu>li li:hover a{
    color: #ffb612 !important;
}

#top-menu li li:hover li a {
	color: #fff !important;
}
#top-menu li li:hover li:hover a {
	color: #ffb612 !important;
}


.home-banner .textwidget{
	width: 96% !important;
}
.home-banner h2{
	font-size: 5vw !important;
	text-align: center;
    max-width: 100%;
}
.home-banner h3{
	font-size: 2.75vw !important;
	text-align: center;
    text-transform: uppercase;
    margin: 0 !important;
}


.banner h1{
	text-align: center;
    font-size: 7vw !important;
    margin-top: 15%;
}
.banner h3{
	text-align: center;
    font-size: 4vw !important
}

/* PRODUCTS GALLERY */

	.gallery-columns-4 .gallery-item {
		max-width: 49%;
	}

/* PROJECTS GALLERY */

.md-modal {
    top: 0 !important;
    max-width: 70% !important;
}
.md-overlay{
	width: 100% !important;
    left: 0 !important
}
.modal-waving-content table, .modal-waving-content p, .modal-waving-content li{
	font-size: 15px !important;
}
.md-content.waving-content h3{
	font-size: 1.5em !important;
	}

/* News Template Page */

.news-item {
	position: relative;
	border-bottom: 1px solid #eee;
}

	.news-item::after {
		content: '';
		display: table;
		clear: both;
	}

.news-image {
	float: left;
	padding-right: 1em;
}

.news-metas {
	float: left;
}

/* End News Template Page */

.modal-gallary{
    float: none !important;
    width: 100%;
}

.modal-gallary a:first-child:before{
    content: url(images/icon-zoom-sm.png);
}
}

@media screen and ( max-width: 30em ) {


.site-title a{
    max-width: 90% !important;
    background-size: 100% !important;
}

.footer-widget-2 .menu li{
	display: block;
	border: none;

}
img.alignleft, img.alignright{
	float: none !important;
	clear: both !important;
	display: block;
}
}