/*
Theme Name: Sequoia Consulting
Version: 1.0
Description: Custom website for Sequoia Consulting
Author: Intervision Design 
Author URI: http://www.intervision.com
*/





/************************************/
/*** CSS CODED BY EHREN FERGUSSON ***/
/************************************/






/************************************/
/*********** CUSTOM CSS *************/

body {
	background: #c25423;
	color:#666;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.75em;
}
a {
	color:#D15926;
}
a:hover,
a:active {
	color:#e16d3b;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Raleway', sans-serif;
	line-height: 1.2em;
	font-weight: 300;
	text-transform: lowercase;
}

.clear {clear: both;}

/*a {-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}*/

/************************************/
/*************** MAIN ***************/

.whitey { background: #fff;}

#logo { padding: 40px 0;}
.quote_block { background: #70bac8; padding: 40px 20px; color: #a8d0da; min-height: 150px; font-size: 30px; line-height: 1.25em; font-style: italic; text-align: center;
-webkit-border-radius: 10px;
   -moz-border-radius: 10px;
        border-radius: 10px;
}
.quote_block span { font-size: 150px; font-family: Arial, sans-serif; line-height: 1em; color: #82c2d1; height: 80px; overflow: hidden; display: block; width: 80px; text-align: left; float: left; margin: -50px 0 0 -20px;}
.quote_block span.close { float: right; margin: -10px -10px 0 0; width: 90px;}
.quote_block.home_quote { background:#70bac8 url(_assets/img/quote.jpg) no-repeat center center;
-webkit-background-size: contain !important;
   -moz-background-size: contain !important;
     -o-background-size: contain !important;
        background-size: contain !important;
}

.promo { min-height: 280px; color: #5b8c94;
-webkit-background-size: contain !important;
   -moz-background-size: contain !important;
     -o-background-size: contain !important;
        background-size: contain !important;
}
.promo h3 { padding: 80px 0 0 0;}
.promo .promotxt { line-height: 1.5em;}
.pleft { background: url(_assets/img/left.jpg) no-repeat center top;}
.pleft h3, .pleft .promotxt { padding-left: 90px;}
.pmiddle { background: url(_assets/img/middle.jpg) no-repeat center top;}
.pmiddle h3, .pmiddle .promotxt { padding-left: 90px;}
.pright { background: url(_assets/img/right.jpg) no-repeat center top;}
.pright h3, .pright .promotxt { padding-left: 80px;}

.feature { text-align: center; padding: 50px 0;}
.pagetitle { font-size: 40px; color: #D15924; padding-top: 15px;}
.text.bigger { padding-top: 50px;}
.text.sider { padding:30px 40px 0 0;}
#footer { background: #c25423; color: #fff; padding: 15px 0; color: #e8ac93;}
#footer a { color: #e8ac93;}
#footer a:hover { color: #fff;}
#footer ul ul { display: none;}
#footer ul li { float: left; padding: 0 10px;}
#footer ul li a { text-transform: uppercase; font-size: 16px;}
#footer .address { text-align: right;}
#footer .copyright { text-align: right; font-size: 10px; padding-top: 20px;}

.tc-note { text-align: left !important;}

/************************************/
/************** MENUS ***************/

#menu {}
#menu ul { text-align: left; display: block; border: 1px solid #9ed2e2; margin-bottom: 15px;
-webkit-border-radius: 10px;
   -moz-border-radius: 10px;
        border-radius: 10px;

}
#menu ul li { position: relative; display: inline-table;}
#menu ul li a { display: block; font-size: 16px; line-height: 1em; color: #4b4b50; padding:18px 0 13px 0; margin: 0 20px; border-bottom: 5px solid #fff; text-transform: uppercase; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
#menu ul li a:hover { border-bottom: 5px solid #f1f1f1;}
#menu ul li.current-menu-item a { border-bottom: 5px solid #D15926;}

/* Level 1 */
#menu ul ul { position:absolute; left: 20px; top: 50px; background:none; width: 180px; z-index:9999; text-align: left; padding:0; border: 0;}
#menu ul ul li { width: 180px; display: block; margin: 1px 0 0 0;}
#menu ul ul li a:before { content: ''; display: block; width: 12px; height: 12px; background: url(_assets/img/spot.png) no-repeat; float: left; margin-right: 10px;}
#menu ul ul li a, #menu ul li.current-menu-item li a { display: block; text-align: left; color: #fff; background: #D15926; padding: 10px; font-size: 14px; margin: 0; border: none;}
#menu ul ul li a:hover, #menu ul ul li.current-menu-item li a, #menu ul ul li.current-menu-parent a { background: #e16d3b; border: none;}
#menu ul li.current-menu-parent a { border: none;}
/* level 2 */
#menu ul ul ul { left:200px; margin-left:0; top:0; background:#fff; padding: 0;
	-webkit-box-shadow: -5px 0px 5px rgba(0,0,0,0.1);
	-moz-box-shadow: -5px 0px 5px rgba(0,0,0,0.1);
	-ms-box-shadow: -5px 0px 5px rgba(0,0,0,0.1);
	box-shadow: -5px 0px 5px rgba(0,0,0,0.1);
}

/* mobile menu */
#menumobile {position: relative; z-index: 9999 !important; display: block; width: 100%; background: #f9f8f6; margin-bottom: 30px;}
#menu-icon {width: 40px; height: 40px; padding: 10px 0 0 0; background:#D15926; text-align: center; font-size: 16px; color: #fff; text-transform: uppercase; cursor: pointer; display: block; position: relative;}

#menu-icon:before, #menu-icon:after { -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
#menu-icon:before { content: ''; display: block; width: 20px; height: 8px; border-bottom: 2px solid #fff; border-top: 2px solid #fff; position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -10px;}
#menu-icon:after { content: ''; display: block; width: 20px; height: 1px; border-top: 2px solid #fff; position: absolute; top: 50%; left: 50%; margin: 5px 0 0 -10px;}
#menu-icon.active:before { border-bottom: none; width: 28px; margin: -2px 0 0 -16px;
-webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
     -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
}
#menu-icon.active:after { width: 28px; margin: -1px 0 0 -14px;
-webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
}

#menu-icon.active {background: #FAA245; color: #fff;}
#menumobile ul {clear: both; width: 100%; z-index: 10000 !important; padding: 20px 0; background: #f9f8f6; display: none; text-align: left;}
#menumobile ul li { clear: both; float: none; }
#menumobile ul a, #menumobile ul ul a {color: #333; text-transform: uppercase; font-size: 14px; display: block; padding: 5px 20px;}
#menumobile ul a:hover, #menumobile ul ul a:hover {color: #000;}
#menumobile ul ul {top: 0; padding: 0;width: auto;position: relative;display: none;border: none; background: none;}
#menumobile ul ul li { padding:0 15px;}

/************************************/
/************** GRIDS ***************/

.container {
	margin:0 auto;
	width:1100px;
	display:block;
}

/* GRIDS TABLET */
@media (min-width: 768px) and (max-width: 1099px) {
	
	.container {
		margin:0;
		width:100%;
		padding:0;
	}
	#header, #content, #footer { padding: 0 30px;}
	#menu ul li a { margin: 0 10px;}
	
}

/* GRIDS MOBILE */
@media (max-width: 767px) {
	#header, #content { padding: 0 30px;}
	#logo { text-align: center;}
	#footer { padding: 30px;}
	#footer ul { text-align: center;}
	#footer ul li { float: none; display: inline-table;}
	#footer .address { text-align: center; padding: 20px;}
	#footer .copyright { text-align: center; padding: 20px 0;}
	
	.quote_block { text-align: left; font-size: 30px;}
	.text.bigger, .text.sider { padding:30px 0;}
}

/************************************/
/************** OTHER ***************/

/* SELECT & PLACEHOLDER */
::selection,
::-moz-selection { background: #f1f1f1; color:#333;}

::-webkit-input-placeholder { color:#999999;}
	 :-ms-input-placeholder { color:#999999;}
	 	 ::-moz-placeholder { color:#999999;}
		  :-moz-placeholder { color:#999999;}

/* FORMS */
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
	background:#f9f8f6;
	border: 1px solid #efece8;
	color:#4b4b50;
	font-size:15px;
	padding: 10px !important;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
	background:#fff;
}

select {
	background:#f9f8f6;
	padding: 10px !important;
	border: 1px solid #efece8;
	color:#999;
	font-size:15px;
	height: 90px;
	-webkit-border-radius:3px;
    -moz-border-radius:3px;
         border-radius:3px;
}

input[type="button"],
input[type="submit"] {
	border:1px solid #c34a16;
	background:#D15926;
	color:#fff;
	font-size:15px; 
	text-transform: uppercase;
	font-weight: 400;
}
input[type="button"]:hover,
input[type="submit"]:hover {
	color: #fff;
	background: #c34a16;
}

/* TEXT STYLING */

.text 	 { padding: 15px 0;}
.text h6 { font-size:16px; font-family: 'Open Sans', sans-serif; text-transform: none; font-weight: 400; padding: 0 0 0 0;}
.text h5 { font-size:18px;font-family: 'Open Sans', sans-serif;}
.text h4 { font-size:22px;font-family: 'Open Sans', sans-serif;}
.text h3 { font-size:30px;}
.text h2 { font-size:33px;}
.text h1 { font-size:40px;}

.text h5,
.text h4
{
	padding-bottom: 10px; padding-top: 15px;
	font-weight: 400;
	text-transform: none;
}
.text h1,
.text h2,
.text h3
{
	padding-bottom: 15px;
	color: #484a57;
	font-weight: 400;
	text-transform: uppercase;
}
/*.text ul li:before { content: ''; display: block; width: 22px; height: 19px; background: url(_assets/img/bullet.png) no-repeat; float: left; margin:5px 10px 0 0; list-style-position: outside;}*/
.text ul li {list-style-image:url(_assets/img/bullet.png); list-style-type: none; margin:5px 10px 0 28px; list-style-position: outside; }

/* PAGE NAVIGATION */
.page_navigation { border: none; padding: 0;}
.page_navigation ul li a { border-color: #ddd;}
.page_navigation ul li a {background: #f9f9f9; color: #4b4b50;}
.page_navigation ul li a:hover { background: #f1f1f1;}
.page_navigation ul li a.current { color: #4b4b50; background: #ffdd00; border: 1px solid #ffd200;}

/* FANCYBOX */
.fancybox-skin{ background: #fff; color: #323a45;}
.fancybox-next span { background-image: url(../img/fancybox_sprite.png);}
.fancybox-close{ background-color: #000;}
.fancybox-close i { color: #fff;}
.fancybox-prev span i { color: #000;}
.fancybox-next span i { color: #000;}

/* COMMENTS */
#respond .comment-notes, #comments ol li .myquote, #comments ol li cite, #comments ol li .commentmetadata, #comments .reply a { color: #ccc;}
#respond label, #comments .reply a:hover, #comments ol li cite a, .comment-reply-title small a, #comments ol.commentlist #respond .comment-notes, #comments ol li.bypostauthor .myquote { color: #666;}
#respond .comment-notes { border-color: #f1f1f1;}
#comments ol.commentlist, #comments ol li, #comments ol .children { border-color: #f0f0f0;}
#respond .comment-notes, #comments ol li { background: #f9f9f9;}
#comments ol.commentlist #respond, #comments ol.commentlist #respond .comment-notes, #comments ol.commentlist #respond h3 { border-color: #e1eaed;}
.comment-reply-title small a, #comments ol.commentlist #respond .comment-notes { background: #e1eaed;}
#comments h3 { border-bottom:1px solid #ddd;}
#comments ol li.odd { background: #fff;}
#comments .reply a:hover { background: #ccc;}
.comment-reply-title small a:hover { background: #c7d4d9;}
#comments ol.commentlist #respond { background: #eef4f6;}

/* ALIGNMENTS */
.wp-caption {
	border: 1px solid #ddd;
	background-color:#fff;
	color:#999;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	   -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	        box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

/************************************/
/************* END CSS! *************/