/*
Theme Name: Internet Kit One Custom
Theme URI: http://aiga.org
Description: This is a child theme that extends the Internet Kit One theme, it can be customized without affecting the base theme.
Author: AIGA
Author URI: http://aiga.org/
Version: 1.0.0
Template: ikit_one
*/

@import url("../ikit_one/style.css");

/*  =============================================================================
    Typography
    ========================================================================== */

body {
	font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
}

h1, h2, h3 {
	font-family: "proxima-nova-extra-condensed", arial narrow, "helvetica neue", sans-serif;
}

h1 {
	font-weight: 400;
}

.box-section-title {
	font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
	font-size: 1.5em;
	line-height: 1;
}

.box-section-title h1 {
	font-size: 1.75em;
	line-height: 1;
}

.layout {
	font-size: 1em;
}

.layout-header-text {
	font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
	font-weight: 400;
	text-transform: capitalize;
	letter-spacing: 0;
}

.layout-nav-menu-button {
	font-weight: 400;
	text-transform: capitalize;
	letter-spacing: 0;
	font-size: 1em;
}

.layout-nav-menu-submenu .submenu-subitem {
	letter-spacing: 0;
}
.box-banner-title {
	color: #ffffff;
	color: rgba(255,255,255,0.5);
	font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
	font-size: 0.8em;
	letter-spacing: 0;
	font-weight: 700;
}

.box-section-title-detail {
	font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;	
	font-style: normal;
}

.box-section-button a {
	border: 1px solid #222222;

	font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
	font-size: 0.9em;
	letter-spacing: 0;
	padding: 9px 15px;
	text-transform: capitalize;
	
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);

	-moz-text-shadow: 0 1px 0 rgba(0,0,0,0.6);
	-webkit-text-shadow: 0 1px 0 rgba(0,0,0,0.6);
	text-shadow: 0 1px 0 rgba(0,0,0,0.6);
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.box-bottom-button a {
	font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
	font-size: 0.9em;
	text-transform: capitalize;
}
.layout-feature .box-section-image-gallery-title {
	display: none;
	color: #ffffff;
	font-size: 50px;
	line-height: 58px;
	padding: 10px 10px 10px 0;
	text-shadow: 1px 1px 7px #292929;
	background: rgba(22, 39, 53, 0.7);  
}
.box-section-image-gallery-title.link:hover {
	color: #E9931A;
	text-shadow: 1px 1px 7px #292929;
}
.layout-header-container, .layout-header {
	background: #166BA2;
}
.layout-nav-container, .layout-nav, .layout-nav-menu {
	background-color: #1B3647;
}
.layout-nav-menu-submenu {
	background-color: #1691BD;
}
.layout-nav-menu-button.active {
	background-color: #1691BD;
	color: #ffffff;
}
.box-section-image-gallery-controls-title, .box-section-image-gallery-controls-line, .box-section-image-gallery-controls-col2 {
	background:#162836;
	color: #ffffff;
}
.layout-footer-container {
    background-color: #162836;
    border-top: 10px solid #166BA2;
}

/* Breakpoint 300 */
@media all and (min-width:0px) and (max-width:519px) {
	.layout-feature .box-section-image-gallery-title {
	color: #ffffff;
	font-size: 20px;
	line-height: 26px;
	padding: 10px 10px 10px 20px;
	text-shadow: 1px 1px 7px #292929;
	background: rgba(22, 39, 53, 0.7);  
        }
}

/* Breakpoint 520 */
@media all and (min-width:520px) and (max-width:1019px) {
	.layout-feature .box-section-image-gallery-title {
	color: #ffffff;
	font-size: 30px;
	line-height: 36px;
	padding: 10px 10px 10px 20px;
	text-shadow: 1px 1px 7px #292929;
	background: rgba(22, 39, 53, 0.7);  
        }
}
/* Breakpoint 1020px */
@media all and (min-width:1020px) and (max-width:1099px) {
	.layout-feature .box-section-image-gallery-title {
	color: #ffffff;
	font-size: 40px;
	line-height: 46px;
	padding: 10px 10px 10px 20px;
	text-shadow: 1px 1px 7px #292929;
	background: rgba(22, 39, 53, 0.7);  
        }

}
/* Breakpoint 1200 */
@media all and (min-width:1100px) {
	.layout-feature .box-section-image-gallery-title {
	color: #ffffff;
	font-size: 50px;
	line-height: 58px;
	padding: 10px 10px 10px 0;
	text-shadow: 1px 1px 7px #292929;
	background: rgba(22, 39, 53, 0.7);  
        }

}