/* ========================================== */
/* General Page Element Styles                */
/* ========================================== */

/* SeoPress User consent
*/

.seopress-user-consent {
	width: 400px !important;
	background-color: white !important;
	left: 85% !important;
	bottom: 2vh !important;

	display: flex;
	flex-direction: column;
}

@media only screen and (max-width: 768px) {
	.seopress-user-consent {
		width: 100% !important;
		left: 50% !important;
		bottom: 0 !important;
	}
}

.seopress-user-message p {
	color: #054856;
	font-size: 15px !important;
	font-weight: 300;
	line-height: 1.6666666667;
	margin-top: 20px !important;
}

.seopress-user-message a {
	color: #054856;
	font-size: 15px !important;
	font-weight: 500;
	line-height: 1.6666666667;
}

#seopress-user-consent-accept {
	background-color: #ee7623 !important;
	font-size: 13px !important;
	color: white !important;
	text-transform: uppercase;
	font-weight: 600 !important;

	padding: 15px 30px !important;
	border: 0px solid transparent !important;
	border-radius: 50px !important;

	margin-top: 5px !important;
	margin-bottom: 20px !important;
}

#seopress-user-consent-close {
	background-color: #ee7623 !important;
	font-size: 12px !important;
	color: white !important;
	font-weight: 700 !important;

	padding: 3px 7px 3px 7px !important;
	border: 0px solid transparent !important;

	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
}


/* Stretch Video link 
 */

.stretch-link {
	border: 1px solid red !important;
	z-index: 9999 !important;
	position: absolute !important;
	top: 0;
	left: 0;
	max-width: 100% !important;
	width: 100% !important;
	padding: 100% !important;
}

/* Header Columns and Menu Items Styling
 * =====================================
 */
/*
body.logged-in.admin-bar .et_pb_section_0_tb_header {
	top: 0;
}

 #ceva-header {
	display: block;
	position: fixed !important;
	top: 0;
	width: 100% !important;
	transition: top 0.3s !important;	
}
*/

#et-main-area {
	padding-top: 100px !important;
}

.global-header-desktop {
	display: block;
	position: fixed;
	transition: top 0.7s !important;
}

.global-header-mobile {
	display: none;
	position: fixed;
	transition: top 0.7s !important;
}

@media only screen and (max-width: 1311px) {
	.global-header-desktop {
		display: none;
	}

	.global-header-mobile {
		display: block;
		position: fixed;
	}
}

@media only screen and (max-width: 1311px) {

	.et_pb_menu .et_pb_menu__menu,
	.et_pb_fullwidth_menu .et_pb_menu__menu {
		display: none !important;
	}

	.et_pb_menu .et_mobile_nav_menu,
	.et_pb_fullwidth_menu .et_mobile_nav_menu {
		display: flex;
		float: none;
		margin: 0 6px;
		align-items: center;
	}

	.et_pb_menu .et_mobile_nav_menu li {
		list-style-type: none !important;
	}
}

/* ------------------------------------------------------------------------------- */
/*align the hamburger menu to the right right*/

.global-header-mobile .et_pb_menu__wrap {
	justify-content: flex-end !important;
}


/*show the mobile version of the menu on desktop*/

.global-header-mobile .et_pb_menu__wrap .et_mobile_nav_menu {
	display: block !important;
	align-items: center !important;
}


/*style the opened menu*/

.global-header-mobile .opened #mobile_menu2 {
	width: 100vw !important;
	position: fixed !important;
	top: 0em !important;
	left: 0vw !important;
	height: 100vh !important;
	display: flex !important;
	justify-content: center !important;
	flex-direction: column !important;
	opacity: 1 !important;
	visibility: visible !important;
	transition: visibility 0.3s, opacity 0.3s ease-in-out;
	padding: 0 !important;
}


/*style the closed menu*/

.global-header-mobile .closed #mobile_menu2 {
	background-color: #fff !important;
	text-align: center !important;
	width: 100vw !important;
	position: fixed !important;
	left: 100vw !important;
	top: 0em !important;
	height: 100vh !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	flex-direction: column !important;
	transition: visibility 0.3s, opacity 0.3s, left 1s, ease-in-out;
	opacity: 0 !important;
	visibility: hidden !important;
}


/*move the menu to the top above other elements*/
.global-header-mobile .et_pb_menu__wrap span.mobile_menu_bar {
	z-index: 999999 !important;
}

/*change the opened menu icon*/

.global-header-mobile .et_pb_menu__wrap .opened .mobile_menu_bar:before {
	content: "\4d" !important;
	color: #36b0c9 !important;
	font-weight: 900 !important;
}


/*make the hamburger menu fixed position on mobile*/

.global-header-mobile .opened .mobile_menu_bar {
	position: fixed !important;
	right: 6.2% !important;
}

/*remove the default blue border top on the mobile menu*/

.global-header-mobile .et_mobile_menu {
	border-top: none;
}


/*remove the default background color on menu items*/

.global-header-mobile .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}


/*remove the default hover background color and adjust opacity*/

.et_mobile_menu li a:hover {
	background-color: transparent;
	opacity: 1;
}


/*remove the default border bottom on menu items*/

.global-header-mobile .et_mobile_menu li a {
	border-bottom: none;
}

/*remove the bullet points from the list items*/

.global-header-mobile #mobile_menu2 li {
	list-style: none !important;
	text-align: center !important;
	width: 100%
}

.global-header-mobile #mobile_menu2 li a {
	text-transform: none;
	font-size: 25px;
}

.global-header-mobile #mobile_menu2 .current_page_item a {
	text-decoration: underline !important;
	text-decoration-color: #e66812 !important;
	text-decoration-thickness: 2px !important;
	text-underline-offset: 8px !important;
}

.global-header-mobile #mobile_menu2 li a:hover {
	text-decoration: underline !important;
	text-decoration-color: #e66812 !important;
	text-decoration-thickness: 2px !important;
	text-underline-offset: 8px !important;

	-webkit-transition-property: none !important;
	-moz-transition-property: none !important;
	-o-transition-property: none !important;
	transition-property: none !important;
}

/* ------------------------------------------------------------------------------- */

@media only screen and (max-width: 1311px) {
	.donate-column {
		width: calc(80% + 120px) !important;
	}

	.hamburger-column {
		width: 120px !important;
	}

	.hamburger-column .hamburger-button {
		align-self: end !important;
	}
}

@media only screen and (max-width: 481px) {
	.donate-column {
		display: none !important;
	}

	.hamburger-column {
		width: 100px !important;
		max-width: 100px !important;
	}

	.hamburger-button {
		align-self: flex-end;
		width: 44px !important;
		height: 45px !important;
	}

	.et_pb_menu_1_tb_header.et_pb_menu::before {
		display: none;
	}

	.mobile_nav span:before {
		top: 5px !important;
		left: 0.5px !important;
	}
}

/* .header-top-menu {} */

.header-col-left {
	flex: 1;
	padding-right: 20px !important;
}

.header-col-right {
	width: fit-content !important;
}

.header-top-menu a:hover {
	text-decoration: underline !important;
	text-decoration-color: #e66812 !important;
	text-decoration-thickness: 2px !important;
	text-underline-offset: 8px !important;

	-webkit-transition-property: none !important;
	-moz-transition-property: none !important;
	-o-transition-property: none !important;
	transition-property: none !important;
}

.header-top-menu .current-menu-item a {
	text-decoration: underline !important;
	text-decoration-color: #e66812 !important;
	text-decoration-thickness: 2px !important;
	text-underline-offset: 8px !important;
}

.header-top-menu a:after {
	color: #e66812 !important;
	font-size: 18px !important;
}

@media only screen and (max-width: 1311px) {
	.header-top-menu a {
		letter-spacing: 0px !important;
	}
}

@media only screen and (max-width: 1244px) {
	.header-top-menu ul li {
		padding-left: 0px !important;
	}

	.header-top-menu ul li a {
		font-size: 11px !important;
	}
}

@media only screen and (max-width: 1070px) {
	.header-top-menu ul li {
		padding-left: 0px !important;
		padding-right: 7px !important;
	}

	.header-top-menu ul li a {
		font-size: 10px !important;
	}
}


.header-top-menu .sub-menu {
	border-radius: 5px !important;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.header-top-menu .sub-menu,
.header-top-menu .sub-menu a {
	width: auto !important;
	padding: 10px 5px !important;
	text-transform: none !important;
	text-decoration: none !important;

	font-size: 1.01rem !important;
	font-weight: 500 !important;
}

.header-top-menu .sub-menu li a {
	white-space: nowrap !important;
	width: auto !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.header-top-menu .sub-menu a:hover {
	background-color: transparent !important;
}

#page-container .header-top-menu .nav ul li a {
	border-bottom: 1px solid #c0c0c0;
}

/* Remove last underline from main menu
 * submenus
 */
#menu-main_menu li ul li:last-child a {
	border: none !important;
	padding-bottom: 10px !important;
}


#page-container .header-top-menu .nav ul li a:hover {
	color: #e66812 !important;
}

#page-container .header-top-menu .nav li li {
	width: 100% !important;
}

/* Donate button - mobile menu
*/

#menu-item-2339>a {
	color: white !important;
	font-size: 13px !important;
	text-transform: uppercase !important;
}

.global-header-mobile .donate-mobile-button a {
	width: fit-content;
	margin: 0 auto;
	margin-top: 40px !important;
	background-color: #e66812 !important;
	border-radius: 50px;
	padding-bottom: 11px !important;
	padding-left: 60px !important;
	padding-right: 60px !important;
}



/* Home page hero section font weight ( Divi has some issues with 500 font weight )
 * ================================================================================
 */

.hero-text .et_pb_text_inner h1 {
	font-weight: 600 !important;
	letter-spacing: 0.2px !important;
}

/* Feature image text row col styling
 * ==================================
 */

/* .featureLr-row {} */

.featureLr-left {
	overflow: hidden;
	transition: all 1s;
}

@media only screen and (max-width: 980px) {
	.featureLr-left {
		width: fit-content !important;
		margin-top: 0px !important;
	}
}

@media only screen and (max-width: 640px) {
	.featureLr-left {
		width: 80% !important;
	}
}

@media only screen and (max-width: 479px) {
	.et_pb_column.featureLr-left {
		width: 90% !important;
	}
}


.featureLr-left img {
	transition: all 1s;
	transform: scale(1);
}

.featureLr-left img:hover {
	transition: all 1s;
	transform: scale(1.1);
}

.featureLr-left-nozoom img,
.featureLr-left-nozoom img:hover {
	transform: scale(1);
}

@media only screen and (max-width: 640px) {
	.featureLr-left-nozoom {
		width: 80% !important;
	}
}

@media only screen and (max-width: 479px) {
	.et_pb_column.featureLr-left-nozoom {
		width: 90% !important;
	}
}


/* .featureLr-right {} */

/* 	.featureRl-row {}
	.featureRl-left {} */

.featureRl-right {
	overflow: hidden;
	transition: all 1s;
}

@media only screen and (max-width: 980px) {
	.featureRl-right {
		width: fit-content !important;
		-webkit-order: 1;
		order: 1;
	}

	.featureRl-row {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		/* Safari 6.1+ */
		flex-wrap: wrap;
	}

	.featureRl-left {
		-webkit-order: 2;
		order: 2;
	}
}

.featureRl-right img {
	transition: all 1s;
	transform: scale(1);
}

.featureRl-right img:hover {
	transition: all 1s;
	transform: scale(1.1);
}

.featureRl-right-nozoom img,
.featureRl-right-nozoom img:hover {
	transform: scale(1);
}

@media only screen and (max-width: 980px) {
	.featureRl-right-nozoom {
		width: fit-content !important;
		-webkit-order: 1;
		order: 1;
	}

	.featureRl-left-nozoom {
		-webkit-order: 2;
		order: 2;
	}
}

@media only screen and (max-width: 640px) {

	.featureRl-right,
	.featureRl-right-nozoom {
		width: 80% !important;
	}
}

@media only screen and (max-width: 479px) {

	.et_pb_column.featureRl-right,
	.et_pb_column.featureRl-right-nozoom {
		width: 90% !important;
	}
}

@media only screen and (max-width: 980px) {

	.featureLr-left,
	.featureLr-left-nozoom,
	.featureRl-left,
	.featureRl-left-nozoom,
	.featureRl-right,
	.featureRl-right-nozoom {
		margin-top: 0px !important;
	}
}



/* Testimonial Slider Style
 * ========================
 */

/* .testimonial-slider .et_pb_slider_container_inner {} */

.testimonial-slider .et_pb_slide_image {
	width: 100% !important;
	text-align: center !important;
	margin-top: 0px !important;
	margin: 0 !important;
	padding: 0 !important;
	position: relative !important;
}

.testimonial-slider .et_pb_slide_image img {
	width: 58px !important;
}

.testimonial-slider .et_pb_slide_description {
	width: 100% !important;
	text-align: center !important;
	margin: 0 !important;
	padding: 0 !important;
	position: relative !important;

}

.testimonial-slider .et_pb_slide_description h4 {
	text-transform: uppercase !important;
	font-size: 13px !important;
	color: #0f4f5d !important;
	font-weight: 700 !important;
	letter-spacing: 0px !important;
	padding-top: 20px !important;
}

.testimonial-slider .et_pb_slide {
	padding: 0 !important;
}


@media only screen and (max-width: 980px) {
	.testimonial-slider .et_pb_slide_description p {
		font-size: 17px !important;
		line-height: 28px !important;
		font-weight: 500 !important;
	}

	.testimonial-slider .et_pb_slide_description h4 {
		font-size: 13px !important;
	}
}

@media only screen and (max-width: 500px) {
	.testimonial-slider .et_pb_slide_description p {
		font-size: 16px !important;
		line-height: 26px !important;
		font-weight: 300 !important;
	}
}



.testimonial-slider .et-pb-controllers {
	position: relative !important;
	padding-top: 50px !important;
}

@media only screen and (max-width: 980px) {
	.testimonial-slider .et-pb-controllers {
		padding-top: 15px !important;
	}
}

@media only screen and (max-width: 768px) {
	.testimonial-slider .et-pb-controllers {
		padding-top: 0px !important;
	}
}

.testimonial-slider .et-pb-controllers>a {
	width: 12px !important;
	height: 12px !important;
	margin-left: 8px !important;
	margin-right: 8px !important;
}

.testimonial-slider .et-pb-active-control {
	background-color: #e66812 !important;
}

/* Reverse blurb
*/

.reverse-blurb .et_pb_blurb_content {
	display: flex !important;
	flex-direction: row-reverse;
}

.reverse-blurb .et_pb_main_blurb_image {
	margin: 0 !important;
	padding: 0 !important;
	width: 30% !important;
	text-align: right !important;
}

.reverse-blurb .et_pb_main_blurb_image img {
	width: 60px !important;
}

.reverse-blurb .et_pb_blurb_container {
	margin: 0 !important;
	padding: 0 !important;
	width: 70% !important;
}

.reverse-blurb .et_pb_blurb_container .et_pb_module_header {
	margin: 0 !important;
	padding: 0 !important;
}


/* Footer Menu - Disable colapsing and hamburger menu 
 * ==================================================
 */

.ceva-footer-menu .et_pb_menu__menu {
	display: flex !important;
}

.ceva-footer-menu .et_mobile_nav_menu {
	display: none !important;
}

.ceva-footer-menu .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
	justify-content: flex-start !important;
}

/* Testimonial on books
*/

.book-testimonial {
	display: flex;
	flex-direction: column;
}

.book-testimonial .et_pb_testimonial_portrait {
	background-size: contain;
}

.book-testimonial .et_pb_testimonial_portrait:before {
	box-shadow: none !important;
}

.book-testimonial .et_pb_testimonial_description {
	margin-left: 0 !important;
	margin-top: 30px !important;
}

.book-testimonial .et_pb_testimonial_author {
	margin-top: 17px !important;
}

/*******************************************************************************
 * Hacks page styles
 *******************************************************************************/

.spread-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
}

.spread-link:hover {
	cursor: pointer;
}

.hacks-main-row {
	width: 100% !important;
}

@media only screen and (max-width: 1180px) {
	.hacks-main-row {
		width: 95% !important;
	}
}

@media only screen and (max-width: 1040px) {
	.hacks-main-row {
		width: 80% !important;
	}
}

@media only screen and (max-width: 850px) {
	.hacks-main-row {
		width: 90% !important;
	}
}

@media only screen and (max-width: 720px) {
	.hacks-main-row {
		width: 60% !important;
	}
}

@media only screen and (max-width: 580px) {
	.hacks-main-row {
		width: 80% !important;
	}
}

.hacks-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 40px 30px;
}

.single-hack {
	width: calc(33.33% - 20px);
	border-radius: 17px;
	align-self: stretch;
	min-height: 280px;

	position: relative;
	transition: box-shadow 0.3s ease-in-out;
}
@media only screen and (max-width: 1300px) {
	.single-hack {
		min-height: 300px;
	}
}
@media only screen and (max-width: 1040px) {
	.single-hack {
		min-height: 260px;
	}
}

.single-hack:hover {
	box-shadow: 0 0 0 6px;
	transition: box-shadow 0.3s ease-in-out;
}

@media only screen and (max-width: 1040px) {
	.single-hack {
		width: calc(50% - 20px);
	}
}

@media only screen and (max-width: 720px) {
	.single-hack {
		width: 100%;
	}
}

.hack-container {
	padding: 25px;
	padding-top: 60px;
	text-align: center;
	position: relative;
	height: 100%;
	min-height: 100%;

	display: flex;
	flex-direction: column;
	justify-content: center;
}

.hack-text {
	font-weight: 700;
	color: #313131;
	font-size: 19px;
	line-height: 26px;
	padding: 20px 5px;
	letter-spacing: -0.5px;
}

.hack-link {
	position: absolute;
	bottom: 15px;
	left: 50%;
	transform: translate(-50%, 0);

	font-weight: 700;
	letter-spacing: 0.5px;
	font-size: 13px;
	white-space: nowrap;
}

/* Hack top image
*/

.hack-top-image-container {
	height: 100px;
	width: 100px;

	position: absolute;
	top: -30px;
	left: 50%;
	transform: translate(-50%, 0);

	border-radius: 50%;
	border: 8px solid white;

	background-size: 230%;
	background-position: center;
}

/*******************************************************************************
 * Hack single
 *******************************************************************************/

/* Full width
*/
.hack-template-default {
	width: 100% !important;
	max-width: 100% !important;
}

.et_post_meta_wrapper {
	display: none !important;
}

.hack-template-default #main-content {
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 !important;
}

.hack-template-default #main-content .container {
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 !important;
}

.hack-template-default #main-content .container #content-area,
.hack-template-default #main-content .container #content-area #left-area,
.hack-template-default #main-content .container #content-area #left-area .et_pb_post {
	margin: 0 !important;
	padding: 0 !important;
}

/*******************************************************************************
 * Hacks loadmore button
 *******************************************************************************/

.hacks_loadmore {
	width: 100%;
	background: transparent;
	border: 0px solid transparent;
	box-shadow: none;
}

.hacks_loadmore h4 {
	font-family: 'Museo Sans', Helvetica, Arial, Lucida, sans-serif !important;
	width: fit-content;
	margin: 0 auto;
	color: white;
	background: #dc2666;

	font-size: 15px;
	font-weight: 600;
	padding: 17px 60px 19px 60px;
	border-radius: 30px;
}

.hacks_loadmore h4:hover {
	background: #ed3777;
	cursor: pointer;
}

/*******************************************************************************
 * Tooltip content style
 *******************************************************************************/

[class*='popup-class-'] {
	text-decoration: underline;
	text-decoration-color: #e66812;
	text-decoration-style: dotted;
	text-decoration-thickness: 2px;
	text-underline-offset: 4px;
}

.tippy-box {
	background-color: white;
	color: inherit;
	border: 2px solid #c0c0c0;
	border-radius: 6px;
	padding: 5px;
	z-index: 9999 !important;
}

.tippy-content {
	z-index: 9999 !important;
}

.et_pb_row {
	z-index: 0 !important;
}

/* Bloom popup 
 */

.et_bloom_popup_container {
        padding: 20px !important;
        padding-top: 35px !important;
        font-family: 'Museo Sans',Helvetica,Arial,Lucida,sans-serif !important;
        background-color: white !important;
}
.et_bloom_close_button {
        background-color: #e66812 !important;
        color: white !important;
        font-weight: 300 !important;
}
.et_bloom_form_content {
        display: none !important;
}

.et_bloom_form_text {
        padding-bottom: 0 !important;
}

.et_bloom_form_text > h1 {
        font-family: 'Museo Sans',Helvetica,Arial,Lucida,sans-serif !important;
        color: #175562 !important;
        font-weight: 400 !important;
        line-height: 32px !important;
        font-size: 27px !important;
}

.et_bloom_form_text > p {
        font-family: 'Museo Sans',Helvetica,Arial,Lucida,sans-serif !important;
        color: #175562 !important;
        font-weight: 300 !important;
        line-height: 26px !important;
        font-size: 19px !important;
        margin-bottom: 30px !important;
}
.et_bloom_form_text > p a {
        font-family: 'Museo Sans',Helvetica,Arial,Lucida,sans-serif !important;
        text-transform: uppercase !important;
        color: #175562 !important;
        font-weight: 600 !important;
        line-height: 30px !important;
        font-size: 13.5px !important;
        letter-spacing: 0.7px !important;

        text-decoration: underline !important;
        text-decoration-color: #e66812 !important;
        text-decoration-thickness: 2px !important;
        text-underline-offset: 6px !important;
}

.et_bloom_image {
        border: 4px solid #36b0c9 !important;
        margin-right: 40px !important;
        margin-top: 30px !important;
}
.et_bloom .et_bloom_form_header.split img {
        max-width: 40% !important;
}

