/*
	Theme Name: Sikanni River Campground & RV Park
	Theme URI: http://sikannirivercampground.ca/
	Description: Sikanni River Campground & RV Park Divi Child Theme
	Author: PR Services Ltd.
	Author URI: http://yukoninfo.com/
	
	Version: 1.0.0
	Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
	
	Template: Divi
*/



/*-----------------------------------------------------------------------------------------------------*/
/* HTML5 RESET */
/*-----------------------------------------------------------------------------------------------------*/

/*---------------------------------------------*/
/* BOX SIZING */
/*---------------------------------------------*/



/*-----------------------------------------------------------------------------------------------------*/
/* DEFAULTS */
/*-----------------------------------------------------------------------------------------------------*/

/*---------------------------------------------*/
/* DEFAULT CSS */
/*---------------------------------------------*/
@import url("../Divi/style.css");

/*---------------------------------------------*/
/* TYPOGRAPHICAL ELEMENTS */
/*---------------------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700);
@font-face {
    font-family: 'optimabold_oblique';
    src: url('fonts/optima_bold_oblique-webfont.eot');
    src: url('fonts/optima_bold_oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/optima_bold_oblique-webfont.woff2') format('woff2'),
         url('fonts/optima_bold_oblique-webfont.woff') format('woff'),
         url('fonts/optima_bold_oblique-webfont.ttf') format('truetype'),
         url('fonts/optima_bold_oblique-webfont.svg#optimabold_oblique') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'optimamedium';
    src: url('fonts/optima_medium-webfont.eot');
    src: url('fonts/optima_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/optima_medium-webfont.woff2') format('woff2'),
         url('fonts/optima_medium-webfont.woff') format('woff'),
         url('fonts/optima_medium-webfont.ttf') format('truetype'),
         url('fonts/optima_medium-webfont.svg#optimamedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	font-family: 'Source+Sans+Pro', Arial, Helvetica, sans-serif;
}

/*---------------------------------------------*/
/* HEADINGS */
/*---------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 700;
	color: #52565F;
}
h1 { font-size: 40px; }
h2 { font-size: 36px; }
h3 { font-size: 32px; }
h4 { font-size: 28px; }
h5 { font-size: 24px; }
h6 { font-size: 20px; }

/*---------------------------------------------*/
/* Animation */
/*---------------------------------------------*/
@-webkit-keyframes fade {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes fade {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes fade {
  0%   { opacity: 0; }
  50%  { opacity: .5 }
  100% { opacity: 1; }
}
@keyframes fade {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
li {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition:    all 0.4s ease-in-out;
	-ms-transition:     all 0.4s ease-in-out;
	-o-transition:      all 0.4s ease-in-out;
	transition:         all 0.4s ease-in-out;
}

/*-----------------------------------------------------------------------------------------------------*/
/* STRUCTURE AND LAYOUT */
/*-----------------------------------------------------------------------------------------------------*/
/*---------------------------------------------*/
/* DIVI - Columns */
/*---------------------------------------------*/
/*.et_pb_column_3_4 {
	width: 73.75%;
}
.et_pb_column_2_3 {
	width: 65%;
}
.et_pb_column_1_2, .et_pb_column_3_8 {
	width: 47.5%;
}
.et_pb_column_1_3, .et_pb_column_3_4 .et_pb_column_1_4 {
	width: 30%;
}
.et_pb_column_1_4 {
	width: 21.25%;
}
.et_pb_column_3_4, .et_pb_column_2_3, .et_pb_column_1_2, .et_pb_column_1_3, .et_pb_column_1_4,
.et_pb_column_3_8 {
	margin-right: 5%;
}*/

/*---------------------------------------------*/
/* HEADER */
/*---------------------------------------------*/
.et_vertical_nav #page-container #main-header {
	padding-top: 0;
	background: #333b35;
}
.et_vertical_nav #main-header .container {
	margin: 0;
}
#main-header #logo_textlink {
	font-family: 'optimabold_oblique', serif;
	font-size: 32px;
	font-variant: small-caps;
	background: #444f46;
	display: block;
	text-align: center;
  	color: #fff;
  	line-height: 1.3;
  	padding: 35px 20px;
}

/*---------------------------------------------*/
/* NAVIGATION */
/*---------------------------------------------*/
.et_vertical_nav #main-header #et-top-navigation ul li a {
	font-family: 'optimamedium', serif;
	font-size: 23px;
	font-weight: normal;
	color: #fff;
	text-align: center;
	width: 100%;
	padding: 30px 10px;
}

/*---------------------------------------------*/
/* SLIDES */
/*---------------------------------------------*/
.et_pb_slide_description {
	padding: 30% 8%;
}

/*---------------------------------------------*/
/* CONTENT */
/*---------------------------------------------*/
.page.et_pb_pagebuilder_layout #main-content {
	min-height: 850px;
  	background: #eeebec;
}
.et_pb_section {
	background: transparent;
}

/*---------------------------------------------*/
/* FOOTER */
/*---------------------------------------------*/
#footer-bottom {
	display: none;
}
#main-footer {
	position: absolute;
  	left: -225px;
  	bottom: 0;
  	max-width: 225px;
  	z-index: 99999;
   	background-color: transparent;
}
#main-footer .container #footer-widgets {
	padding: 10px 10px 100px;
}
#main-footer .container, #main-footer .container .footer-widget, #main-footer .container .footer-widget .fwidget {
	width: 100% !important;
  	margin: 0 !important;
  	text-align: center;
}
#main-footer .container .footer-widget .title {
	font-family: 'optimabold_oblique', serif;
	font-size: 20px;
	font-variant: small-caps;
	color: #fff;
	padding: 0 40px 20px;
	line-height: 1.3;
}
#main-footer .container .footer-widget p, #main-footer .container .footer-widget a {
	font-family: 'optimamedium', serif;
	font-size: 14px;
	color: #fff;
	line-height: 2;
}
#main-footer .container .footer-widget a {
	text-decoration: underline;
}

/*-----------------------------------------------------------------------------------------------------*/
/* PAGE SPECIFIC OVERRIDE */
/*-----------------------------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------------------------*/
/* MEDIA QUERIES */
/*-----------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 980px) {
	#main-header .container {
		width: 100%;
	}
	#main-header #logo_textlink {
		position: absolute;
  		top: 0;
  		height: 93px;
  		line-height: 93px;
  		padding: 0 15px;
	}
	.mobile_menu_bar:before {
		color: #fff;
		font-size: 45px;
	}
	.et_mobile_menu {
		background: #333B35;
		padding: 0px;
  		border: 0px;
  		width: 225px;
	  	right: 0;
	  	left: auto;
	  	box-shadow: none;
  		-moz-box-shadow: none;
  		-webkit-box-shadow: none;
	}
	.et_vertical_nav #main-header #et-top-navigation .et_mobile_menu li a {
		border: 0;
		padding: 20px;
	}
	.et_vertical_nav #main-header #et-top-navigation .et_mobile_menu li a:hover {
		background-color: transparent;
		opacity: 0.7;
	}
	#main-footer {
		position: relative;
		left: auto;
	  	max-width: none;
	  	z-index: 99999;
	   	background-color: #333B35;
	}
	#main-footer .container #footer-widgets {
		padding: 30px 10px;
	}
}
@media only screen and (max-width: 767px) {
	/*.et_pb_column_3_4, .et_pb_column_2_3, .et_pb_column_1_2, .et_pb_column_1_3, .et_pb_column_1_4 {
		width: 100%;
		margin-right: 0;
	}*/
}
@media only screen and (max-width: 640px) {
	#main-header #logo_textlink {
		width: 220px;
  		line-height: 1;
  		font-size: 26px;
  		padding: 8px 40px;
	}
	
	_:-moz-tree-row(hover), #main-header #logo_textlink {
		font-size: 23px;
		padding: 12px 40px;
	}
	_:-ms-input-placeholder, :root  #main-header #logo_textlink {
		font-size: 23px;
		padding: 12px 40px;
	}
}