@charset "UTF-8";

/*

Theme Name: Sandbox
Version: 1.5.4
Author: Webgrain, Inc.

Changelog:

1.5.5
Changed font-aladin to Lato

1.5.4
Changed whitelabel menu control permission to an in_array method
Added bootstrap shortcodes

1.5.3
Removed local Font-Awesome, and linked to maxCDN version
Changed font-aladin to font-google as only one Google Fonts reference is necessary

1.5.2
Added Font-Awesome (/fonts/icons/fonts & /css/font-awesome.min.css)
Added Erik Meyer's /css/reset.css
Removed .ginput_container input, .ginput_container select, .ginput_container textarea height, as it messed up radios and checkboxes
Added menu control for non-superadministrator users, removes Comments/Themes/Customize/Editor/Plugins/Tools/Users
Added WG logo to admin bar
Added WG support button under WG logo
Changed inc/loginpage.php to inc/webgrain.php and moved all whitelabel functions to file
Hosting login-style.css and admin images on cdn.webgrain.net

1.5.1
Added search.php
Fixed customboxes.php reference to /admin/options.php
Changed option.php to WP-style table format

1.5
Added get_pagination()
Added pagination support to index.php and archive.php
Added single.php
Added searchform.php
Added inc/customposts.php for turnkey custom post type support
Added inc/customboxes.php for turnkey custom meta box support in admin
Added img/admin/ directory for admin-related images
Added inc/admin/ directory for admin-related scripts
Removed h1,h2,h3,h4,h5 shortcode support
Added [well]Example[/well] shortcode support for bootstrap
Added [gmap] shortcode support
Removed page_contact.php
Added img/marker.png
Added localization for thirdparty.js in functions.php
Added definitions for ANALYTICS_ID, LATITUDE, and LONGITUDE
Added Facebook scripts support in thirdparty.js and header.php
Fixed #map-canvas img max-width
Added inc/loginpage.php for admin page overrides

1.4
Added internal font scripts
Added support for bootstrap col-*-5th columns
Added Global header
Added Fonts header
Moved font control from global to fonts
Changed md grid from 990px to 992px to prevent overlap
Added the changelog
Added h1,h2,h3,h4,h5 shortcode support
Added inc/shortcode.php

*/


/**********************************************************************
****** GLOBAL
**********************************************************************/
body { background-color: #FFF; color: #000; font-size: 14px; }
h1, h2, h3, h4, h5, h6 { margin: 10px 0; }
h1 { font-size: 50px; color:#764090; margin-top: 0; }
h2 { font-size: 34px; color: #764090; }
h3 { font-size: 26px; color: #764090; }
h4 { font-size: 22px; color:#764090; }
h5 { font-size: 18px; color: #764090; }
h6 { font-size: 16px; color:#764090; }
img { max-width: 100%; height: auto; }
p, ol, ul { margin-bottom: 20px; line-height: 20px; }
a { color: #b5a0b7; transition: color 0.25s ease-in; }
a:hover { color: #764090; text-decoration: none;}
hr { border-top: 5px solid #eee; }
em { font-style: italic; font-weight: normal; }

.home .btn { width: 100%; padding: 20px 20px; display: block; font-size: 35px; font-weight: bold; }
.home .btn:hover { opacity: 0.8; }


/**********************************************************************
****** FONTS
**********************************************************************/

h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif; }
body { font-family: 'Open Sans', sans-serif; }
strong { font-family: 'Open Sans', sans-serif; font-weight: bold; }


/**********************************************************************
****** COMMON
**********************************************************************/
.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }
.container { max-width: 100%; padding: 0; }

#map-canvas { height: 350px; border-bottom: 1px solid #C3C0CF; background-color: #EAEAEA; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }
#map-canvas p { text-align: center; line-height: 350px; color: #ADADAD; }
#map-canvas img { max-width: none; }
#wrapper { overflow: hidden;}


/**********************************************************************
****** HEADER
**********************************************************************/
#header_wrap { width: 100%; }
#header { position: relative; margin-top: 10px; padding: 0 20px; }
#header #top_menu { float: right; }
#header #top_menu ul { list-style: none; margin: 0 0 20px 0; overflow: hidden; padding: 0; }
#header #top_menu ul li { display: block; margin: 0; padding: 3px 8px; position: relative; float: left; }
#header #top_menu ul li a { color: #FFF; display: block; font-size: 18px; transition: color 0.25s ease-in; text-transform: uppercase; }
#header #top_menu ul li a:hover { color: #FFF; text-decoration: none; }
#logo { display: block; margin: 0 0 20px 10px; float: left; }
#overlay { position: absolute; z-index: 99; width: 100%; overflow: hidden; }
#top div { font-weight: bold; font-size: 24px; line-height: 36px; float: right; }
#top div a{ color: #764090; }
ul.share-buttons{ list-style: none; padding: 0; float: right; margin-left: 12px; }
ul.share-buttons li{ display: inline; }

#content_wrap iframe { width: 100%; }


/**********************************************************************
****** MENU
**********************************************************************/
#menu_wrap { background: rgba(118,64,144,0.8); width: 100%; }
#menu { margin: 0; }

#menu .navbar-toggle { background: #764090; border-color: #764090; outline: none; }
#menu .navbar-collapse { border-color: transparent; padding: 0; box-shadow: none; }

#menu-main { margin: 0; padding: 0; clear: left; float: left; position: relative; left: 50%; }
#menu-main > li { display: block; float: left; margin: 0; position: relative; right: 50%; }
#menu-main > li a { padding-left: 10px; padding-right: 10px; font-size: 18px; }

#menu .navbar { background: transparent; border: none; border-radius: 0; filter: none; margin-bottom: 0; }
#menu .navbar a { background: transparent; color: #FFF; filter: none; text-shadow: none; }
#menu .navbar a:hover { background: #b5a0b7; color: #FFF; box-shadow: inset 0 3px 9px rgba(0,0,0,.25); transition: background 0.4s ease-in; }
#menu .active a, #menu .open a, #menu .current_page_ancestor > a { background: #af5da4; color: #FFF; }

#menu .dropdown-menu { background: #b5a0b7; border: none; border-radius: 0; padding: 0; }
#menu .dropdown-menu a { background: transparent; padding-bottom: 8px; padding-top: 8px; }
#menu .dropdown-menu .active a { background: #b5a0b7; color: #FFF; box-shadow: inset 0 3px 9px rgba(0,0,0,.25); }

#menu .current_page_ancestor > a { box-shadow: inset 0 3px 9px rgba(0,0,0,.25); }



/**********************************************************************
****** CONTENT
**********************************************************************/
#content_bg_wrap { background: url(images/face_image.png), url(images/puzzle_piece.png) #fff; background-position: bottom left, bottom right; background-repeat: no-repeat, no-repeat; overflow: hidden; min-height: 840px; }
#content_wrap { margin: 40px auto; }
#content { width: 100%; }

#content_wrap p:last-child, #content_wrap ol:last-child, #content_wrap ul:last-child { margin-bottom: 0; }
#content_wrap #content li { list-style: disc; margin-left: 35px; }


#key_posts h4 { color: #000; font-weight: bold; }
#key_posts:first-child h4 { margin-top: 0; }
#key_posts a { color: #764090; }

#face { position: absolute; bottom: 0; left: 0;}
#piece { position: absolute; bottom: 0; right: 0;}
#ribbon { float: left; margin: 0 20px; }

#video { margin-top: 20px; }
#video iframe { height: 250px; width: 100%; }

#donate_now, #apply_for_grant, #cause_shop, #resources { width: 100%; height: 100px; text-align: center; }
#donate_now, #apply_for_grant { background-color: #764090; }

#resources { background: url(images/small_pieces.png) left no-repeat; overflow: hidden; }
#cause_shop { background: url(images/small_face_logo.png) left no-repeat; overflow: hidden; }
#donate_now { margin-bottom: 20px; }
.caps-title { font-weight: bold; text-transform: uppercase; color: #764090; }


.homebuttons .btn { color: #FFF; background-color: #764090; }
.homebuttons .btn:last-child { margin-top: 25px; }

.click_links .btn { color: #764090; background: url(images/small_pieces.png) #FFF left no-repeat; }
.click_links .btn:last-child { background: url(images/small_face_logo.png) #FFF left/contain no-repeat; margin-top: 25px; }


.date { width: 10%; height: 150px; float: left; font-size: 26px; font-weight: bold; text-align: center; }
.month { width: 100%; height: 30px; color: #FFF; background-color: #af5da4; margin: 1px 0; }
.day { width: 100%; height: 30px; color: #FFF; background-color: #af5da4; margin: 1px 0; }
.latest_post { width: 90%; height: 150px; padding-left: 10px; float: right; line-height: 20px; }
.latest_post h4 { margin: 0; color: #000; font-weight: bold; margin-bottom: 10px; }
.latest_post a { color: #764090; }

.tp-caption {
	font-size: 34px;
	background-color: rgba(142, 99, 164, 0.82);
	padding: 0.35em;
	max-width: 80% !important;
	line-height: 1.2em;
	font-weight: bold;
	text-align: right;
}

.tp-caption a, .tp-caption a:visited, .tp-caption a:active {
	color: white !important;
	opacity: 0.8;
	-webkit-transition: all 350ms;
	-moz-transition: all 350ms;
	-ms-transition: all 350ms;
	-o-transition: all 350ms;
	transition: all 350ms;
	text-decoration: none !important;
}

.tp-caption a:hover {
	opacity: 1;
	text-decoration: none !important;
}

.tp-caption a:after {
	content: ' »';
}

.shaded-box {
	background-color: rgba(142, 99, 164, 0.1);
	padding: 1em;
	margin-bottom: 1em;
}

#newsletter-links {
	margin-top: 2em;
	font-size: 1.1em;
	font-weight: bold;
}

#newsletter-links .gform_footer {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

#newsletter-links .gform_wrapper {
	margin: 0 !important;
}

#newsletter-links label {
	margin-top: 0 !important;
}

#gallery {
	margin-bottom: 2em;
}

#gallery a {
	font-size: 0px;
}

#gallery img {
	width: 60px;
	height: 60px;
	margin: 2px;
	padding: 0;
}

.sponsors h2 {
	clear: both;
}

.sponsor {
	max-width: 20%;
	margin: 2%;
	line-height: 1.5em;
	float: left;
	position: relative;
	text-align: center;
	font-weight: bold;
	min-height: 80px;
}

.sponsor a {
	font-weight: normal;
}

.sponsor a img {
	max-width: 100%;
	margin: 0;
}

h2 {
	margin-top: 1em;
}

.shop #content li {
	list-style: none !important;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	width: 19%;
}

#top .shopping-cart {
	font-size: 16px;
	color: #9166A6;
	clear: right;
	display: block;
	font-weight: bold;
	line-height: 36px;
	float: right;
}

#top .shopping-cart::before {
	content: '';
	background: url('images/cart.png');
	height: 22px;
	width: 22px;
	background-size: 100% 100%;
	display: block;
	margin-left: -32px;
	margin-top: 6px;
	position: absolute;
}

.woocommerce div.product .woocommerce-tabs .panel {
	padding: 1em;
}

/**********************************************************************
****** SIDEBAR
**********************************************************************/
#sidebar { background: #E14E2D; color: #FFF; border: none; box-shadow: none; border-radius: 0; }
#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 { color: #FFF; }
#sidebar ul { padding-left: 30px; }
#sidebar a { color: #FFF; }
#side_widgets { list-style: none; margin: 0; padding: 0; }
#side_widgets li { margin: 0; padding: 0; }
#side_widgets li ul { list-style: disc; }
#side_widgets li li { margin: 0; padding: 0; }


/**********************************************************************
****** FOOTER
**********************************************************************/
#footer_wrap { background: url(images/footer_bg.png) center no-repeat #af5da4; position: relative; text-align: center; width: 100%; height: 230px }
#footer { color: #FFF; padding-bottom: 20px; padding-top: 20px; width: 100%; height: 100%; }
#footer a { color: #FFF; }
#footer_menu { overflow: hidden; }
#footer_menu ul { list-style: none; margin: 0 0 20px 0; padding: 0; clear: left; float: left; position: relative; left: 50%; }
#footer_menu ul li { display: block; float: left; list-style: none; margin: 0; padding: 0 20px; position: relative; right: 50%; }
#footer_menu ul li a { color: #FFF; font-size: 16px; font-weight: bold; transition: color 0.25s ease-in; }
#footer_menu ul li a:hover { color: #764090; margin-top: 20px; text-decoration: none; }
#footer_col { height: 100%; }
#copyright { position: absolute; bottom: 0; left: 50%; margin-left: -187.5px; font-size: 14px; }
#copyright a:hover { color: #764090; }
/**********************************************************************
****** WORDPRESS DEFAULTS
**********************************************************************/
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption { background: #f0f0f0; border: 1px solid #ddd; max-width: 96%; padding: 5px 3px 10px; text-align: center; border-radius: 4px; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; border-radius: 4px; }
.wp-caption p.wp-caption-text { font-size: 12px; line-height: 17px; margin: 0; padding: 0 4px 5px; }


/**********************************************************************
****** GRAVITY FORMS BOOTSTRAP STYLES
**********************************************************************/
.gform_wrapper ul { padding-left: 0; list-style: none }
.gform_wrapper li { margin-bottom: 15px }
.gform_wrapper form { margin-bottom: 0 }
.gform_wrapper .gfield_required { padding-left: 1px; color: #b94a48 }
.ginput_container input, .ginput_container select, .ginput_container textarea { display: block; width: 100%; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555; vertical-align: middle; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s }
.ginput_container input:-moz-placeholder, .ginput_container select:-moz-placeholder, .ginput_container textarea:-moz-placeholder { color:#999 }
.ginput_container input::-moz-placeholder, .ginput_container select::-moz-placeholder, .ginput_container textarea::-moz-placeholder { color:#999 }
.ginput_container input:-ms-input-placeholder, .ginput_container select:-ms-input-placeholder, .ginput_container textarea:-ms-input-placeholder { color:#999 }
.ginput_container input::-webkit-input-placeholder, .ginput_container select::-webkit-input-placeholder, .ginput_container textarea::-webkit-input-placeholder { color:#999 }
.ginput_container input:focus, .ginput_container select:focus, .ginput_container textarea:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6) }
.ginput_container input[disabled], .ginput_container select[disabled], .ginput_container textarea[disabled], .ginput_container input[readonly], .ginput_container select[readonly], .ginput_container textarea[readonly], fieldset[disabled] .ginput_container input, fieldset[disabled] .ginput_container select, fieldset[disabled] .ginput_container textarea { cursor: not-allowed; background-color: #eee }
textarea.ginput_container input, textarea.ginput_container select, textarea.ginput_container textarea { height: auto }
.ginput_container textarea { height: auto }
.gform_button { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.428571429; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-color: #764090; border: 1px solid transparent; border-color: #af5da4; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none }
.gform_button:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px }
.gform_button:hover, .gform_button:focus { color: #333; text-decoration: none }
.gform_button:active, .gform_button.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); box-shadow: inset 0 3px 5px rgba(0,0,0,0.125) }
.gform_button.disabled, .gform_button[disabled], fieldset[disabled] .gform_button { pointer-events: none; cursor: not-allowed; opacity: .65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none }
.gform_button:hover, .gform_button:focus, .gform_button:active, .gform_button.active, .open .dropdown-toggle.gform_button { color: #fff; background-color: #af5da4; border-color: #af5da4 }
.gform_button:active, .gform_button.active, .open .dropdown-toggle.gform_button { background-image: none }
.gform_button.disabled, .gform_button[disabled], fieldset[disabled] .gform_button, .gform_button.disabled:hover, .gform_button[disabled]:hover, fieldset[disabled] .gform_button:hover, .gform_button.disabled:focus, .gform_button[disabled]:focus, fieldset[disabled] .gform_button:focus, .gform_button.disabled:active, .gform_button[disabled]:active, fieldset[disabled] .gform_button:active, .gform_button.disabled.active, .gform_button[disabled].active, fieldset[disabled] .gform_button.active { background-color: #E14E2D; border-color: #E14E2D }
.gform_wrapper .gfield_error .gfield_label { color: #b94a48 }
.gform_wrapper .gfield_error input, .gform_wrapper .gfield_error select, .gform_wrapper .gfield_error textarea { color: #b94a48; background-color: #f2dede; border-color: #eed3d7 }
.gform_wrapper .gfield_error input:focus, .gform_wrapper .gfield_error select:focus, .gform_wrapper .gfield_error textarea:focus { border-color: #b94a48; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(185,74,72,0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(185,74,72,0.6) }
.validation_error { padding: 15px; margin-bottom: 20px; color: #b94a48; background-color: #f2dede; border: 1px solid transparent; border-color: #eed3d7; border-radius: 4px }
.validation_error h4 { margin-top: 0; color: inherit }
.validation_error .alert-link { font-weight: bold }
.validation_error>p, .validation_error>ul { margin-bottom: 0 }
.validation_error>p+p { margin-top: 5px }
.validation_error hr { border-top-color: #e6c1c7 }
.validation_error .alert-link { color: #953b39 }
#gforms_confirmation_message { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px }
#gforms_confirmation_message h4 { margin-top: 0; color: inherit }
#gforms_confirmation_message .alert-link { font-weight: bold }
#gforms_confirmation_message>p, #gforms_confirmation_message>ul { margin-bottom: 0 }
#gforms_confirmation_message>p+p { margin-top: 5px }
.gform_wrapper .ginput_complex .ginput_full input[type=text], .gform_wrapper .ginput_complex .ginput_full input[type=url], .gform_wrapper .ginput_complex .ginput_full input[type=email], .gform_wrapper .ginput_complex .ginput_full input[type=tel], .gform_wrapper .ginput_complex .ginput_full input[type=number], .gform_wrapper .ginput_complex .ginput_full input[type=password], .gform_wrapper .top_label textarea.textarea { width: 97.6% !important; }
.gform_wrapper .top_label input.medium { width: 47.5%; }
.gform_wrapper .top_label .gfield_error { width: 100%; }


/**********************************************************************
****** BOOTSTRAP CONTROL
**********************************************************************/
/* 5 column support */
.col-xs-5th,
.col-sm-5th,
.col-md-5th,
.col-lg-5th { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }
.col-xs-5th { width: 20%; float: left; }
@media (min-width: 768px) { .col-sm-5th { width: 20%; float: left; } }
@media (min-width: 992px) { .col-md-5th { width: 20%; float: left; } }
@media (min-width: 1200px) { .col-lg-5th { width: 20%; float: left; } }


/**********************************************************************
****** RESPONSIVE
**********************************************************************/
@media (max-width: 1200px) {

}

@media (max-width: 992px) {
	#menu { overflow: hidden; }
	#menu .navbar-collapse.collapse { display: none !important; }
	#menu .navbar-collapse.collapse.in { display: block !important; }

	#menu .navbar-toggle { display: block; }
	#menu .navbar-header { float: none; }
	#menu .navbar-nav { float: none !important; margin: 0; }
	#menu .navbar-nav > li { float: none; }
	#menu .navbar-nav > li > a { padding-bottom: 10px; padding-top: 10px; }

	#menu-main { float: none; left: 0; }
	#menu-main > li { float: none; right: 0; }

	#menu .dropdown-menu { box-shadow: inset 0 3px 9px rgba(0,0,0,.25); float: none; position: relative; width: 100%; }
	#menu .dropdown-menu > li > a { padding-bottom: 10px; padding-left: 40px; padding-top: 10px; }
    #footer_menu ul li { padding: 0 8px; }
    #footer_menu ul li a { font-size: 14px; }
	#content_wrap { margin: 20px auto; }
	#sidebar { margin-top: 20px; }
    #video { margin-top: 20px; position: relative; left: 50%; margin-left: -160px; }
}

@media (max-width: 767px) {
	#content_wrap { margin: 30px 20px; }
    #overlay { position: relative; background-color: #FFF; }
	#footer_menu ul { float: none; left: 0; text-align: left; }
	#footer_menu ul li { float: none; padding: 0 15px; right: 0; }
}
@media (max-width: 400px) {
    .date { height: 180px; }
    .latest_post { height: 180px; }
    .col-xs-6 { width: 100%; }
    .btn { font-size: 24px; }
}

.full_link_banner .tp-caption,
.full_link_banner .tp-caption.slidelink a span {
    background: transparent !important;
}