/*
	Theme Name: Camp Wa-Ri-Ki Divi Child
	Template: Divi
	Theme URI: http://www.webdirexion.com
	Description: Custom Divi child theme for Camp Wa-Ri-Ki.
	Author: Webdirexion Team
	Author URI: http://www.webdirexion.com/
	Version: 1.1
*/

/*@charset "UTF-8";*/

/* === Imports ===
@import url("DiviSpecialStyles.css");
*/
/* === Import Fonts === */

/*@import url('https://fonts.googleapis.com/css?family=Amatic+SC:400,700|Josefin+Sans:400,700');*/

/* General Body Styling (use em for fonts) */

body {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 1em;
	line-height: 1.1em;
	color: #333;
}

#page-container {

}

/* Color Scheme - General Backgrounds - Insert Hex #s from Designer */

.color1 {
	background-color: #044527;
}

.color2 {
	background-color: #450442;
}

.color3 {
	background-color: #794407;
}

.color4 {
	background-color: #f13e4b;
}

.color5 {
	background-color: #2a0f05;
}

/*
Header
----------------------------------- */

#main-header {
	background-color: #2a2f36!important;
}

#main-header, #main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu {
	background-color: #2a2f36!important;
}

#et_top_search {

}

/*
Navigation & Menus
----------------------------------- */

/* Bring accessibility toolbar to top. Position tag causes problems with menu not floating. */

#pojo-a11y-toolbar {
	z-index: 5000!important;
}

#et-top-navigation {

}

#top-menu-nav {

}

#top-menu-nav li {
	padding-right: 14px!important;
}

#top-menu li a {
	font-size: 13.5px!important;
	color: #fff;
}

#top-menu li a:visited {
	/*color: #9e3999!important;*/
}

#top-menu>li a:hover, #et-secondary-nav li:hover a {
	color: #c12306;
}


.nav li ul {
	left: -25px;
}

/*Secondary Menu*/

#et-secondary-menu li li a {
color: #fff!important;
}

#wpfront-notification-bar a:hover {
	color:  yellow!important;
}

/*Current Menu Item*/

li.current-menu-item > a, li.current-menu-ancestor>a {
	font-weight: 700!important;
	color: #02bd67 !important;
}

#et_mobile_nav_menu {

}

/* === Drop Down Menu === */

/* -- Style Line at top and how close pop-down is to top links -- */

.sub-menu {

}

.sub-menu li {
	line-height: 1em;
	width: 100%;
}

.sub-menu li a:link {
	/*white-space:nowrap;*/
}

.sub-menu li.menu-item a:hover {
	color: #f13e4b!important;
}

#top-menu li li {
	margin: 0 15px 0 0;
	padding: 6px;
}

.nav li li {
	line-height: 1em!important;
}

.donate-top a {
	background-color: #f13e4b!important;
	color: #fff!important;
	max-height: 16px!important;
	border-radius: 7px;
	padding: 8px 8px 16px !important;
}

.donate-top:hover a {
	background-color: #139a5c !important;
	color: #fff!important;
}

.donate-top a:hover, .donate-top a:visited {
	color: #fff!important;
	opacity:1!important;
}

/* This is for special campaign button on nav bar */
.campaign-top a {
	background-color: #139a5c!important;
	color: #ffffff!important;
	max-height: 16px!important;
	border-radius: 7px;
	padding: 8px 8px 16px !important;
}

.campaign-top:hover a {
	background-color:  #FF8633!important;
	color: #fff!important;
}

.campaign-top a:hover, .campaign-top a:visited {
	color: #fff!important;
	opacity:1!important;
}

/*
Content & Layout
----------------------------------- */

#et-main-area {

}

#main-content {

}

.container {

}

.w2dc-field-icon {
	position: relative;
	top: 10px;
	width: 30px;
}

/* == BLOCKQUOTE STYLES == */

blockquote {
	margin: 20px 0 30px 15px;
	padding-left: 20px;
	border-left: 5px solid #A0523E;
}

/* Blockquote with large quotation mark at beginning */
/* SEE: https://css-tricks.com/examples/Blockquotes/  */

blockquote2 {
	display: block;
	background: #fff;
	padding: 15px 20px 15px 45px;
	margin: 0 0 20px;
	position: relative;

	  /*Font*/
	font-family: Georgia, serif;
	font-size: 16px;
	line-height: 1.2;
	color: #666;
	text-align: justify;

	  /*Borders - (Optional)*/
	border-left: 15px solid #c76c0c;
	border-right: 2px solid #c76c0c;

	  /*Box Shadow - (Optional)*/
	-moz-box-shadow: 2px 2px 15px #ccc;
	-webkit-box-shadow: 2px 2px 15px #ccc;
	box-shadow: 2px 2px 15px #ccc;
}

blockquote2::before {
	content: "\201C"; /*Unicode for Left Double Quote*/

	  /*Font*/
	font-family: Georgia, serif;
	font-size: 60px;
	font-weight: bold;
	color: #999;

	  /*Positioning*/
	position: absolute;
	left: 10px;
	top: 5px;
}

blockquote2::after {
	/*Reset to make sure*/
	content: "";
}

blockquote2 a {
	text-decoration: none;
	background: #eee;
	cursor: pointer;
	padding: 0 3px;
	color: #c76c0c;
}

blockquote2 a:hover {
	color: #f13e4b;
}

blockquote2 em {
	font-style: italic;
}

/**----**/

body.page .main_title {
	/*TOGGLE on or off titles  */

}

.entry-content {

}

.entry-content table, .entry-content tr, .entry-content td {
	border: none!important;
}

/* We Set these in em sizes and alwaysset all 6 sizes */
/* Color Scheme - General Backgrounds */

h1, h2, h3, h4, h5, h6 {
	font-family: 'Amatic SC', cursive;
}

h1 {
	font-size: 2.8em!important;
}

h1.entry-title {
	color: #044527!important;
}

h2 {
	font-family: 'Amatic SC', sans-serif;
	font-size: 2.4em!important;
}

h3 {
	font-size: 2em!important;
}

h4 {
	font-size: 1.7em!important;
	font-weight: 700;
	text-decoration: underline;
}

h4.widgettitle {
	color: #794407;
}

h5 {
	font-size: 1.3em!important;
}

/*  Use H6 For Special Style Headline so client can pick it from dropdown */

h6 {
	font-size: 3.4em!important;
	color: #f13e4b!important;
}


/* Specify location of link colors or they would apply to admin menu */

a:hover {
	color: #f13e4b!important;
}

.entry-content a {
	color: #f13e4b;
}

.entry-content a:hover {
	color: #f13e4b!important;
}

.entry-content a.et_pb_button:hover {
	color: #fff!important;
}

.entry-content ol, .entry-content ul {
	margin-left: 20px!important;
}

.et_pb_text ul, .et_pb_text ol {
	margin-left: 25px;
}

#home-silder .et_pb_slide {
	min-height: 550px;
	margin-top: -50px;
}

#img-divider img {
	max-width: 50%;
}

.home-calendar {
	transform: rotate(-15deg);
	right: -20px;
	min-width: 70px;
	position: relative;
	top: 20px;
}

a.btn-home-custom {
	border-width: 0px!important;
	margin-left: 50px;
	padding: 10px 17px;
	color: #fff!important;
	border-radius: 5px;
	letter-spacing: 2px;
	font-size: 17px;
	font-variant: small-caps!important;
	background-color: rgba(4,69,39,0.82);
}

body.home article .post-content>a {
	color: #f13e4b!important;
	display: block;
	text-transform: uppercase;
	margin-top: 10px;
	font-family: "Amatic SC";
	font-size: 2em;
}

body .et_pb_post .post-meta a:hover {
	color: #f13e4b!important;
}

body.home h1 {
	color: #f13e4b!important;
}

#main-content .btn-home-custom:hover {
	color: #fff!important;
	background: #f13e4b!important;
}



/* Special Tabs Section Styling */

.et_pb_tabs {
	border: none!important;
}

.oval-button-tabs .et_pb_tabs_controls {
	background-color: transparent;
	margin-right: 5px;
	display: table !important;
	position: relative !important;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: 12px!important;
}

ul.et_pb_tabs_controls::after {
	border: none!important;
	border-bottom: none!important;
	border-top: none!important;
}

.oval-button-tabs .et_pb_tabs_controls li {
	position: relative;
	border: 2px solid #BD6982;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: transparent;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.7em !important;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	margin-right: 11px;
}

.oval-button-tabs .et_pb_tabs_controls li.et_pb_tab_active {
	background-color: #b6ad96 !important;
}

.oval-button-tabs .et_pb_tabs_controls li.et_pb_tab_active a::before {
	content: "▾ ";
}

.oval-button-tabs .et_pb_tabs_controls li:hover {
	background-color: #e6dec8;
}

.oval-button-tabs .et_pb_tabs_controls li a {
	padding: 3px 6px !important;
	line-height: 2em !important;
	display: block;
}

.oval-button-tabs .et_pb_tabs_controls li a:hover {
	text-decoration: none!important;
}

li.et_pb_tab_4 {
	background-color: #044527!important;
	border-color: #044527!important;
}

li.et_pb_tab_4 a {
	color: #fff!important;
}

li.et_pb_tab_4:hover a {
	color: #fff!important;
}

li.et_pb_tab_4:hover {
	background-color: #2b6c5c !important;
	border-color: #02bd67!important;
}

.oval-button-tabs .et_pb_tabs_controls li.et_pb_tab_4:active {
	background-color: #b1ab9c !important;
}

.et_pb_tabs_controls li:not(.et_pb_tab_active):last-child {
	border-right: 2px solid #BD6982!important;
}

/* END Special Tabs Styles */

/*
Sidebars
----------------------------------- */

#sidebar {

}

.widget-title {

}

.widget-text {

}

body .et_pb_blog_0 .et_pb_post .entry-title a {
	color: #044527!important;
}

body .et_pb_blog_0 .et_pb_post .entry-title a:hover {
	color: #f13e4b!important;
}

body article .et_pb_blog_0 .et_pb_post .post-content a {
	color: #794407!important;
	font-size: 1.8em!important;
	font-family: "Amatic SC";
}

body article .et_pb_blog_0 .et_pb_post .post-content a:hover {
	color: #f13e4b!important;
}

/*

Site Footer
-------------------- */

#main-footer {
	background-color: #2a2f36;
}

#footer-widgets {

}

#footer-bottom {
	background-color: rgba(0,0,0,0.13);
}

#footer-widgets {

}

/*
Footer Widgets
--------------------------------------------- */

.footer-widget {

}

.footer-widget .last {

}

#main-footer .footer-widget h4 {
	color: #f13e4b!important;
}

#footer-info, #footer-info a {
	color: rgba(255,255,255,0.65);
}

/* Archives
------------------------------------- */

body.archive .et_pb_post img {
	max-width: 100%;
	margin: 9px 0;
}

body.archive #page-container #left-area {
	width: 100%;
}

.archive .et_pb_post > a, .search .et_pb_post > a {
	color: #794407!important;
}

.archive .et_pb_post > a:hover, .search .et_pb_post > a:hover {
	color: #f13e4b!important;
}

.cat-desc {
	clear: both;
	margin-bottom: 20px!important;
	padding-right: 85px;
	flex: 0 0 100%;
}

.cat-desc img {
	max-width: 205px!important;
}


/* ==> Standard Author Box & Archive Styling <== */

.author_bio_section {
	background: none repeat scroll 0 0 #F5F5F5;
	padding: 15px;
	border: 1px solid #ccc;
}

.author_name {
	font-size: 16px;
	font-weight: bold;
}

.author_details img {
	border: 1px solid #D8D8D8;
	border-radius: 50%;
	float: left;
	margin: 0 10px 10px 0;
}

body.author .cat-desc {
	border-bottom: 1px solid #c4c4c4;
	margin-bottom: 14px;
	padding: 12px;
}

body.author .cat-desc h1 {
	font-style: italic;
}

body.author #left-area a:hover {
	color: #f13e4b;
	text-decoration: underline;
}

/* --->  SPECIAL DIVI STYLINGS <--- */
/* TOGGLE STYLES --- */

.et_pb_toggle_close {
	padding: 9px !important;
}

.et_pb_toggle_close h5 {
	margin-top: 0!important;
	margin-bottom: 0!important;
}

/* ************************** */
/* ** CSS FOR DIVI BLURB 1 ** */
/* ************************** */

.blurb-1,
.blurb-1 h4,
.blurb-1 .et-pb-icon {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.blurb-1:hover {
    -moz-box-shadow: 0px 0px 20px rgba(255,255,0,0.3);
    -webkit-box-shadow: 0px 0px 20px rgba(255,255,0,0.3);
    box-shadow: 0px 0px 20px rgba(255,255,0,0.3);
    background-color: #ffffff;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.blurb-1:hover h4,
.blurb-1:hover .et-pb-icon {
    color: #7e57c0!important;
}

.et_pb_blurb_content h1>a{
	font-size:100%!important;
}

.flex-wrap-row .et_pb_blurb{
	height: 100%;
}

/* -------> Author "Masonry" style Posts <------- */
/* SEE:  https://www.elegantthemes.com/blog/divi-resources/how-to-give-your-divi-archive-pages-a-masonry-layout
/*
* Remove sidebar on all archive pages |  Optional
*/

.search #main-content .container::before, .archive #main-content .container::before {
	display: none;
}

.search #left-area, .archive #left-area {
	width: 100%;
	float: none;
	padding-right: 0;
}

.search #sidebar, .archive #sidebar {
	display: none;
}



/*
* Create Flex styles for archive pages
*/

.search #left-area, .archive #left-area {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	float: none;
	padding-right: 0;
}

.archive .et_pb_post > a, .search .et_pb_post > a {
	display: block;
}

.search #left-area .et_pb_post, .archive #left-area .et_pb_post {
	overflow: hidden; /* fix for Firefox */
	page-break-inside: avoid;
	break-inside: avoid-column;
	width: 100%;
	padding: 19px;
	border: 1px solid #d8d8d8;
	background-color: #fff;
	word-wrap: break-word;
	flex: 0 1 30%;
	margin-right: 1%;
	margin-bottom: 20px;
}

.search #left-area .et_pb_post.format-link, .search #left-area .et_pb_post.format-quote, .search #left-area .et_pb_post.format-audio, .archive #left-area .et_pb_post.format-link, .archive #left-area .et_pb_post.format-quote, .archive #left-area .et_pb_post.format-audio {
	padding: 0;
}

.archive .et_pb_post .et_pb_image_container, .archive .et_pb_post .et_main_video_container, .archive .et_pb_post .et_audio_content, .archive .et_pb_post .et_pb_slider, .search .et_pb_post .et_pb_image_container, .search .et_pb_post .et_main_video_container, .search .et_pb_post .et_audio_content, .search .et_pb_post .et_pb_slider {
	margin: -20px -20px 10px;
}

.archive .et_pb_post.format-audio .et_audio_content {
	margin: 0px -38px 0px;
}

.archive .et_pb_post .et_pb_slider .et_pb_slide, .search .et_pb_post .et_pb_slider .et_pb_slide {
	min-height: 180px;
}

.archive .pagination, .search .pagination {
	padding: 20px 0;
	width: 100%;
	display: block;
}


/* ====== WOOCOMMERCE Styling ======= */

body.woocommerce-checkout .woocommerce-info a {
	color: #ea5620;
}

.woocommerce-message a.button.wc-forward:hover {
	background: #fff!important;
}

.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
	background-color: #536371!important;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
	background-color: #536371!important;
}

body.woocommerce-cart .cross-sells {
	padding: 11px 11px 0;
	border: 1px solid #c8c8c8;
}

body.woocommerce-cart .cross-sells h2 {
	font-size: 1.2em!important;
	padding: 3px;
	margin-bottom: 6px;
}

body.woocommerce-cart .et_shop_image {
	max-width: 40%;
	border: 1px solid #292929;
}

body.archive.tax-product_cat ul.products li.product h2, body.archive.tax-product_cat ul.products li.product h2 {
	font-size: 1.4em!important;
}

body.tax-product_cat #left-area, body.archive.tax-product_tag #left-area, body.post-type-archive-product #left-area {
	column-count: unset!important;
}

body.archive.tax-product_cat h2.woocommerce-loop-product__title {
	font-size: 1.4em!important;
}

body.archive.tax-product_tag h2.woocommerce-loop-product__title {
	font-size: 1.4em!important;
}

.woocommerce-ordering {
	margin-top: 12px!important;
}

.woocommerce ul.products li.product a img, .woocommerce ul.products li.product a img {
	width: 90%;
}

ul.products li.product h2 {
	clear: both;
	width: 100%;
}

body.woocommerce #respond input#submit, .woocommerce-page #respond input#submit {
	color: #fff;
	background: #0e3757!important;
	border: 0!important;
}

body.woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover {
	color: #fff!important;
}

.woocommerce div.product form.cart .button {
	background-color: #0e3757!important;
	opacity: 1!important;
	color: #fff!important;
	border: 0!important;
	float: none!important;
}

.woocommerce div.product form.cart .button:hover {
	color: #fff!important;
	background-color: #f13e4b!important;
}

.button.wc-backward:hover {
	color: #fff!important;
}

.woocommerce-variation-price {
	display: none;
}

.button[name="apply_coupon"] {
	border-color: #0e3757!important;
	color: #0e3757!important;
}

.woocommerce-mini-cart__buttons a.button {
	border-color: #0e3757!important;
	color: #0e3757!important;
}

a.checkout-button:hover {
	color: #fff!important;
}

a.checkout-button {
	background-color: #0e3757!important;
	color: #fff!important;
	border: 0!important;
}

a.woocommerce-LoopProduct-link h2:hover {
	color: #f13e4b!important;
}

.et_button_no_icon.woocommerce-page button.button {
	background-color: #0e3757!important;
	color: #fff!important;
	border: 0!important;
	padding: .35em 1em!important;
	margin-right: 0.5em;
}

.et_button_no_icon.woocommerce-page button.button:hover {

}

body.checkout .woocommerce-Price-amount {
	color: #000!important;
	margin-left: -30px;
}

.woocommerce form .form-row .required {
	border: none;
	text-decoration: none;
}

td[data-title="SHipping"] {

}

.cart_item td.product-name a {

}

.et_pb_woopro_description .author_bio_section, .product_meta {
	display: none!important;
}

/* === WPForms Styling =============== */
.total-field {
	color: #8B0000;
	border: 2px solid #eee;
	padding: 4px;
}

.wpforms-confirmation-container-ful{
	background-color:#02bd67!important;
}

.wpforms-confirmation-container-ful p{
	color:#f13e4b!important;
}

/* === Standard Button Colors (change for test to to theme colors if desired) === */
.webdx-submit-button {
	color: white!important;
	background-color: green!important;
}

.webdx-submit-button:hover {
	background-color: navy!important;
}


/*  SPECIAL CSS Styling ==== */

.submit-button-blue {
	color: #fff!important;
	background-color: #0019ae!important;
	font-weight: bold;
	padding: 4px 7px!important;
	border-radius: 9px!important;
	margin-top: 7px!important;
}

.submit-button-blue:hover {
	color: #fff!important;
	background-color: #ae0400!important;
	border-style: none!important;
}

/* Widgets
---------------------------------------- */

.tagcloud a:link, .tagcloud a:visited {

}

/* Page Templates
----------------------------------- */


/*
* Media Queries
*/

@media screen and (max-width: 980px) {
	.search #left-area .et_pb_post, .archive #left-area .et_pb_post {
		flex: 1 1 50%;
	}

	.donate-top a {
		padding: 8px 3px 26px 28px!important;
		max-width: 120px;
		margin-left: 10px;
	}
}
	@media screen and (max-width: 767px) {
	#home-btn-cld {
		text-align: center;
	}

	.search .et_pb_post.format-audio .et_audio_content, .archive .et_pb_post.format-audio .et_audio_content {
		margin: 0;
	}

	#search-2 {
		width: 75%;
	}

	.search #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls div.mejs-time-rail, .archive #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls div.mejs-time-rail, .search #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total, .archive #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total {
		min-width: 300px!important;
		width: 300px!important;
	}

	.cat-desc {
		flex: 1 1 100%;
	}
}