/*
 Theme Name:     Kodiak History Museum Child Theme
 Theme URI:      https://sparkemstudio.com
 Description:    Kodiak History Museum Theme
 Author:         Sparkem Studio
 Author URI:     https://www.sparkemstudio.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */   

@font-face {
    font-family: 'brandingmedium';
    src: url('fonts/branding-medium-webfont.woff2') format('woff2'),
         url('fonts/branding-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'brandingmediumitalic';
    src: url('fonts/branding-mediumitalic-webfont.woff2') format('woff2'),
         url('fonts/branding-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'brandingsemibold';
    src: url('fonts/branding-semibold-webfont.woff2') format('woff2'),
         url('fonts/branding-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'brandingsemibolditalic';
    src: url('fonts/branding-semibolditalic-webfont.woff2') format('woff2'),
         url('fonts/branding-semibolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.chaparral {
	font-family: chaparral-pro, serif;
}
body, input, textarea, select { font-family: chaparral-pro, helvetica, serif; }

h1, h2, h3, h4, h5, h6 { font-family: 'brandingsemibold', helvetica, arial, sans-serif; }

.column-vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
} 

.page-id-2791 .main_title { text-align:center; }

#logo {  }

.header-section a { color: #ffffff; }
.header-section p { padding-bottom: 0; }

.nav li { line-height: 1.6em; }
.et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a, .et_header_style_split .et-fixed-header #et-top-navigation nav > ul > li > a, #top-menu li li a, #top-menu li a, .et_search_form_container input { font-family: 'brandingsemibold', helvetica, arial, sans-serif; }

@media (max-width: 980px) {
	.et_header_style_left #logo, .et_header_style_split #logo { max-width: 60%; }
	#logo { max-height: 60% !important; }
}

/* sidebar nav adjustments 
.container, .et_pb_row, .et_pb_slider .et_pb_container, .et_pb_fullwidth_section .et_pb_title_container, .et_pb_fullwidth_section .et_pb_title_featured_container, .et_pb_fullwidth_header:not(.et_pb_fullscreen) .et_pb_fullwidth_header_container {
	max-width: 600px !important; 
}
.et_pb_row { margin-left: 100px; margin-right: auto; }
*/

.font18 { font-size: 18px; }
.font20 { font-size: 20px; }
.font24 { font-size: 24px; }
h3 { font-size: 24px !important; }
h4, h3.uk-h4 { font-size: 22px !important; }
.no-bottom-margin { margin-bottom: 0px; }

#footer-info { font-size: 14px; }
#footer-widgets .footer-widget a, #footer-widgets .footer-widget li a, #footer-widgets .footer-widget li a:hover { color: #5a205d !important; font-weight: 700; }

ul.footer-social { list-style-type: none; }
#footer-widgets .footer-widget li::before { display: none; }
#footer-widgets .footer-widget li { padding-left: 0; }

.et-social-instagram a.icon { background-color: #ea2c59 !important; }
.et-social-facebook a.icon { background-color: #3b5998 !important; }
.et-social-twitter a.icon { background-color: #00aced !important; }
.et-social-pinterest a.icon { background-color: #cb2027 !important; }
.et-social-youtube a.icon { background-color: #a82400 !important; }

#top-menu li li a { font-size: 15px; line-height: 1.2em; }

#et-secondary-nav .menu-item-has-children>a:first-child:after, #top-menu .menu-item-has-children>a:first-child:after { content: "3"; }

.mobile_menu_bar::before { color: #ffffff !important; font-size: 36px; }
.et_header_style_left .mobile_menu_bar, .et_header_style_split .mobile_menu_bar { }
/* WP blocks */
.wp-block-columns { align-items: center; }
.wp-caption p.wp-caption-text { line-height: 1.4em; }

h4 a { text-decoration: underline; color: #ffffff; }

/* forms */
.gform_wrapper .gform_footer input[type="submit"] {
	background: #9eab05;
	color: #ffffff;
	padding: 10px 15px; 
	border: none;
	border-radius:3px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.4em;
}

.gform_wrapper .gform_footer input[type="submit"]:hover {
	background: #4daf88;
	cursor: pointer;
}

/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {background: none;}
 
/*** Hide Sidebar ***/
#sidebar {display:none;}

/* board page */
.board .board-member p { font-size: 15px !important; line-height: 1.4em !important; }
.board .board-member h3 { margin-top: 30px; }

.et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h1 { font-size: 42px !important; padding:0 !important; margin: 0 !important; }
.header-section { max-height: 50vh; }
.home .header-section { max-height: 80vh; padding: 0; }
.header-section { min-height: 16vh; }

/* top image caption */
.image-subhead .et_pb_fullwidth_header .header-content { padding: 0; }
.image-subhead { min-height: 10px; }

/* on page image caption */
.image-credit p { text-align:right; }

.et_pb_blurb_position_left .et_pb_main_blurb_image, .et_pb_blurb_position_right .et_pb_main_blurb_image { width: 180px; }

.uk-slideshow .uk-cover-background { background-size: contain; }
.uk-slideshow .uk-active { /*height: auto !important;*/ }

/* Tickera ticket stuff */

.tc_event_date_title_front { color: #231f20; font-size: 20px; font-weight: 700; } 
 
/*** Expand the content area to fullwidth ***/
@media (min-width: 981px){
	#left-area {
		width: 100%;
		padding: 23px 0px 0px !important;
		float: none !important;
	}
}

@media (min-width: 981px) and (max-width: 1180px){
	#top-menu li a { font-size: 14px !important; }
	#logo { max-height: 50% !important; }
}

@media (max-width: 1200px){
	.et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h1 {  font-size: 32px !important; }
}

@media (max-width: 980px){
	.et_pb_section { padding: 10px 0; }
}

@media (max-width: 981px){
	.et_pb_fullwidth_header 	.et_pb_fullwidth_header_container.left 	.header-content, .et_pb_fullwidth_header .et_pb_fullwidth_header_container.right .header-content { margin: 5px; }
	
	.board .et_pb_row .et_pb_column.et_pb_column_1_4 {
		margin: 0 !important;
	}
	
	.et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h1 { font-size: 26px !important; }

}

@media (max-width: 640px){
	.et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h1 { font-size: 22px !important; }
}