/*
 Theme Name:     Hi5s - SKT Towing Child
 Description:    SKT Towing Child
 Author:         Alan Roemer
 Author URI:     http://www.hi5s.com
 Template:       skt-towing
 Version:        1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

/* FONTS */
body{ line-height:23px; font-family: 'Questrial', 'Arimo',sans-serif; font-size:13px; font-weight: bold; }
h1{font-size:36px; font-family:'Lato', sans-serif; color:#000000; text-transform: uppercase; }
h2{font-size:32px; font-family:'Lato', sans-serif; color:#000000; }
h3{font-size:20px; font-family:'Lato', sans-serif; color:#000000; }
h4{font-size:18px; font-family:'Lato', sans-serif; color:#000000; font-weight:bold; }
h5{font-size:17px; font-family:'Lato', sans-serif; color:#000000; }
h6{font-size:14px; font-family:'Lato', sans-serif; color:#000000; }
.header .header-inner .nav ul { font-family: 'Lato', sans-serif; }
.header-inner .logo h1 { font-size: 45px; }
.header .header-inner .logo { min-width: 500px; }
.signin_wrap{ font-family: 'Questrial', 'Arimo',sans-serif; }
.footer h5{ font-weight:800; text-transform:uppercase; color: #ffffff; font-family: 'Lato',sans-serif; font-size: 45px; }
.widget-column-4 h5{font-weight:800; text-transform:uppercase; color: #ffffff; font-family: 'Questrial',sans-serif; font-size: 25px;}
/* END FONTS */

a[href^=tel] { color: inherit; text-decoration: none; }

span {
    color: inherit !important;
}

.homeslider {
	padding-top: 0px;
}

#latestpost { border-top: 0px; }

.site-main { padding-bottom: 30px; }


section.menu_page { padding-top: 30px !important; }

div.homepage_content {
	margin-bottom: 20px;
}

ul.homepage {
	margin-left: 20px;
	padding: 0px 10px;
	font-size: 18px;
    font-weight: bold;
	list-style-type: circle;
}
ul.homepage li {
	padding-bottom: 15px;
}

.entry-content {
    font-size: 120%;
}

.news a.read-more {
	display: none !important;
}
.news-box {
	padding-bottom: 0px;
}


#sidebar {
    width: 300px;
}

.cols-4 .widget-column-1{width:45%; float:left; margin:0 5% 0 0; padding-left:2.5%; padding-right:1.5%; padding-top: 0px; min-height: inherit !important; }
.cols-4 .widget-column-3{width:40%; float:right; margin-right: 0px; padding-top: 0px; min-height: inherit !important; }

.phone-no { font-size: 16px; }
.fa { font-size: 18px; }

.social-icons a{ width:30px; height:30px; background:#000; line-height:30px; margin-bottom:10px; text-align:center; padding:0; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; color:#000 !important;}
.social-icons a:hover{color:#000 !important;}

.google-maps {
	position: relative;
	padding-bottom: 56%; // This is the aspect ratio
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	padding-top: 0px;
}

.nivo-caption{ display: none !important; }

.footer ul li{ padding-bottom:5px; margin-bottom:5px; }

.copyright {
	display: inline-block;
}

div#footer-title { padding-bottom: 30px; }

/* custom code */
.header .header-inner .logo{float:left; width:80%; margin-top:15px; margin-bottom:15px;}
.header-inner .logo h1 { font-size: 32px; }
.toggle a{width:100%; color:#ffffff; background:url(images/mobile_nav_right.png) no-repeat right center #EE3C33; padding:10px 10px; margin-top:5px; font-size:16px;}
.signin_wrap{width:100%; color:#fff; margin:0; padding:0; font-family: 'Arimo',sans-serif; z-index:99; position:relative; background-color: #EE3C33; box-shadow: 0 10px 13px -8px #cccccc;}
.copyright-wrapper {background-color:#EE3C33; position:relative; padding:20px 0; color:#FFF;}

h1.entry-title.logo {
    border-bottom: 0px;
	float: right;
	padding-right: 25px;
}
#sidebar { padding-right: 25px; }

div.order_link { margin-top: 20px; }
.order_link { font-size: 50px; line-height: 50px; }

#footer_email { font-size: 20px; }

div#ty_msg {
    position: absolute;
    width: 70%;
    min-width: 490px;
    min-height: 140px;
    background-color: #23408f;
    border: 5px solid rgb(0,0,0);
    top: 10%;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    padding: 15px;
    z-index: 1000;
    text-align: center;
	border-radius: 15px;
}

/* My Media Queries */
@media screen and (min-width: 768px) {
	div#footer-title { width: 100%; text-align: center; font-weight: 800; text-transform: uppercase; font-family: 'Lato',sans-serif; font-size: 45px !important; }
	div#footer-title h5.addressfooter{ font-size: 45px; }
	div.widget-column-1 h5.addressfooter{ display: none !important; }
	#footer-wrapper { background-color: inherit; }
	.cols-4 .widget-column-1 { background-color: inherit; color: #000; font-size: 38px; line-height: 45px; }
	.cols-4 .widget-column-1 a { color: #000; }
	.phone-no { font-size: 28px; line-height: 38px; }
}

@media screen and (max-width: 767px) {
	.cols-4 .widget-column-1 {
		padding-top: 25px;
	}

	.header .header-inner .logo {
		min-width: inherit !important;
	}
	
	.header .header-inner .logo h1 {
		line-height: 50px;
		padding-bottom: 5px;	
	}

	div#footer-title { display: none; }
}