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

 Theme Name:   Scarlet Theme
 Theme URI:
 Description:
 Author:
 Author URI:
 Template:     Divi
 Version:      1.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/


@import "scarletvars.css";


/*=======================================
        TOP BLACK MENU BAR
=======================================*/

#menu-top-black-bar {
	display: flex;
	align-items: center;
	height: 36px;
	padding: 0px;
}

#menu-top-black-bar li {
	margin-top: 0px!important;
	height: 36px;
}

#menu-top-black-bar li a {
	margin-top: 10px;
	margin-bottom: auto;
}

#menu-top-black-bar li.user-button a {
	margin-top: 0px;
}
#menu-top-black-bar li.user-button img {
	vertical-align:middle;
}

#menu-top-black-bar li.donate-button {
	background-color:  var(--scarletred);
}


/*=======================================
        HEADER ELEMENTS
=======================================*/

header .sa_search_form input[type=text] {
	height: 46px;
	padding: 12px;
	font-size: 24px;
	border-radius: 25px!important;
}

@media (max-width: 980px) { 
	header .sa_search_form input[type=text] {
		width: 150px;
	}
}

@media (min-width: 980px) and (max-width: 1200px) { 
	#menu-header-tabs li a { 
		font-size: 16px;
	}
}


header .sa_search_form input[type=submit] {
	display: none;
}

/*=======================================
        TOP MAIN NAV MENU
=======================================*/

#main-menu nav, 
#main-menu div.et_pb_menu__menu,
#main-menu div.et_pb_menu__wrap {
    width: 100%
}

#main-menu ul#menu-header-tabs {
    width: 100%;
    justify-content: space-evenly;
	text-transform: none;
	font-weight: 600;
}

#main-menu ul.sub-menu {width: 320px!important}
#main-menu ul.sub-menu a {
	width: 300px!important;
	text-transform: none;
}

.nav li li ul {
    left: 290px;
}

/*=======================================
     TOP MAIN NAV MENU MOBILE FORM
=======================================*/

.et_mobile_menu .first-level > a {
/* background-color: transparent; */
    position: relative;
}
.et_mobile_menu .first-level > a:after {
    font-family: 'ETmodules';
    content: '\4c';
    font-weight: normal;
    position: absolute;
    font-size: 30px;
    top: 10px;
    right: 10px;
}
.et_mobile_menu .first-level > .icon-switch:after{
    content: '\4d';
}
.second-level {
    display: none;
}
.reveal-items {
    display: block;
}
.et_mobile_menu {
    margin-top: 20px;
    width: 100%;
    margin-left: 0%;
}


/*=======================================
        GENERAL STYLES
=======================================*/

#main-content ul li[aria-level="1"] ul { padding-bottom: 0px;}

#main-content a {text-decoration: underline}
#main-content h1 a, 
#main-content h2 a, 
#main-content h3 a, 
#main-content h4 a {text-decoration: none!important;}

body,
#main-content p,
#main-content li {font-weight: 400;}
#main-content a.et_pb_button {text-decoration: none!important}

/*=======================================
        PUBLICATION LISTING FORMAT
=======================================*/

#library-listing .size-1of3 {
	width: 30%;
	margin-right: 15px;
}

#library-listing article {
	display: flex;
	flex-direction: column;
	height: 400px;
	max-height: 400px;
	padding: 0px 0px 10px 0px!important;
}

#library-listing .entry-title,
#library-listing .post-meta,
#library-listing .post-content {
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: auto;
}

#library-listing .article-links {
	padding-left: 20px;
	width: 35%;
	float: left;
}

#library-listing .article-link-wrapper{
	padding-top: 10px;
}

#library-listing .article-pdfs {
	width: 65%;
	float: right;
	padding-right: 20px;
}

#library-listing .pubtype-color-bar {
	padding: 15px;
	background-color: var(--pink)
}

#library-listing .entry-title{
	margin-top: 20px!important;
	font-size: 20px!important;
	line-height: 30px!important;
}

#library-listing article .post-content {
	overflow: hidden;
}

/*=======================================
        NEWS LISTING FORMAT
=======================================*/

#news-listing article {
	display: flex;
	flex-direction: column;
	height: 600px;
	max-height: 600px;
}

#news-listing .et_pb_image_container {
	margin: -20px -20px 0px -20px;
}

#news-listing .pubtype-color-bar {
    display: none;
}



#news-listing article .post-content {
	overflow: hidden;
}




/*****************************/
/* GRAVITY FORMS DIVI STYLES */
/*****************************/

/*** MAIN FORM WRAPPER ***/
.gform_wrapper {
/* background: rgba(255, 255, 255, 0.95); */
 padding: 5%;
}
/*** GRAVITY FIELDS ***/
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper textarea.medium,
.gform_wrapper textarea.large {
 background: #FFFFFF;
 border: 2px solid var(--silver);
 border-radius: 0px !important;
}
.gform_wrapper ul.gform_fields li.gfield {
 margin-bottom: 20px;
}
input[type=text]:focus,
input.text:focus,
input.title:focus,
textarea:focus {
 border-bottom: 2px solid var(--charcoal) !important;
}

.gform_wrapper input[type=text], .gform_wrapper select {
	height: 35px;
}


/**** DONATE FORM ****/
.gfield_total {
	visibility: hidden;
}
 
/*** BUTTON STYLING ***/
.sa_search_form input[type=submit],
.gform_wrapper input.button,
.gform_wrapper input[type=submit] {
 background:  var(--scarletred);
 text-transform: uppercase;
 border: 2px solid #ffffff;
 padding: 7px 16px;
 color: #ffffff;
 cursor: pointer;
 font-size: 18px;
 font-weight: 700;
 -moz-transition: all 0.2s;
 -webkit-transition: all 0.2s;
 transition: all 0.2s;
 border-radius: 50px !important;
}

/*** BUTTON HOVER STYLING ***/
.gform_wrapper input.button:hover,
.sa_search_form input[type=submit]:hover,
.gform_wrapper input[type=submit]:hover {
 background:  var(--charcoal);
 color: #fff;
}
/*** SECTION STYLING ***/
.gform_wrapper h2.gsection_title {
 font-weight: normal;
 font-size: 2em;
}
.gform_wrapper .gsection {
 padding: 20px !important;
 border-bottom: none;
}
/*** GRAVITY RADIO AND CHECKBOXES ***/
.gform_wrapper .gfield_checkbox input[type=checkbox],
.gform_wrapper .gfield_radio input[type=radio] {
visibility: hidden !important;	
 margin: 0;
 width: 0!important;
}
.gform_wrapper input[type=checkbox] + label,
.gform_wrapper input[type=radio] + label {
 font-size: 16px;
}
input[type=checkbox] + label:hover,
input[type=radio] + label:hover {
 cursor: pointer;
}
input[type=checkbox] + label:before,
input[type=radio] + label:before {
 font-family: ETmodules!important;
 font-size: 30px;
 position: relative;
 top: 0.3em;
 margin-right: 0.2em;
}
.gform_wrapper li.gf_list_inline ul.gfield_checkbox li,
.gform_wrapper li.gf_list_inline ul.gfield_radio li {
 display: -moz-inline;
 display: inline;
}
input[type=checkbox] + label:before {
 content: '\56';
}
input[type=checkbox] + label:hover:before {
 content: '\5a';
 filter: alpha(opacity=40);
 opacity: 0.4;
}
input[type=checkbox]:checked + label:before {
 content: '\05a';
}
input[type=checkbox]:checked + label:hover:before {
 filter: alpha(opacity=100);
 opacity: 1;
}
input[type=radio] + label:before {
 content: '\05b';
}
input[type=radio] + label:hover:before {
 content: '\05c';
 filter: alpha(opacity=40);
 opacity: 0.4;
}
input[type=radio]:checked + label:before {
 content: '\05c';
}
input[type=radio]:checked + label:hover:before {
 filter: alpha(opacity=100);
 opacity: 1;
}
.gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label,
.gform_wrapper ul.gfield_radio li input[type=radio]:checked+label {
 font-weight: normal;
}
/*** SUCCESS MESSAGE ***/
.gform_confirmation_wrapper {
 background: #fff;
 padding: 15px;
}

.gform_wrapper .gsection {
    padding: 20px 0 0 0 !important;
}

/*****************************/
/* PMPRO FORMS */
/*****************************/

.pmpro_form .input, .pmpro_form textarea, .pmpro_form select, #loginform input[type=text], #loginform input[type=password] {
    min-height: 32px;
    min-width: 250px;
}
/* Hide references to Username */
#lostpasswordform > div.pmpro_lost_password-fields > div > label,
#loginform > p.login-username > label { visibility: hidden }
#lostpasswordform > div.pmpro_lost_password-fields > div > label::before,
#loginform > p.login-username > label::before {
	content:"Email Address";
	visibility: visible;
}
#pmpro_account-profile > ul > li:nth-child(1) { display: none }

#pmpro_pricing_fields.pmpro_checkout h2 { display: none }

/*****************************/
/*     SEARCH FORMS        */
/*****************************/

.sa_search_form input[type=text],
.sa_search_form select {
	height: 35px;
	padding-left: 12px;
	font-size: 18px;
	border-radius: 25px!important;
}

/*****************************/
/*     SEARCH RESULTS        */
/*****************************/

#search-results .entry-featured-image-url {
	float:left;
	margin-right: 50px;
	width: 250px;
}

/*****************************/
/*     CAROUSEL IMAGES       */
/*****************************/
.dsm_card_carousel .dsm_card_carousel_child_image_background {
    background-size: contain!important;
}

.dsm-entry-thumbnail {
    line-height: 0;
    background-color: #C3AAB5;
    background-image: url(https://scarletalliance.org.au/wp-content/uploads/ScarletAllianceLOGOsmall-1.png);
    background-repeat: no-repeat;
    background-position: center;
}

/*****************************/
/*   DIVI ACCORDION STYLES   */
/*****************************/
.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title:before {
    display: block!important;
	font-size: 30px;
	margin-right: 20px;
    content: "\32" !important;
	color:black;
}
.et_pb_accordion .et_pb_toggle_close .et_pb_toggle_title:before {
    display: block!important;
	font-size: 30px;
	margin-right: 20px;
    content: "\33" !important;
	color:black;
}

.et_pb_toggle {
	border: none
}

.et_pb_toggle_close {
	padding: 0px;
	background-color: #eaeaea;
}

.et_pb_toggle_open {
	padding: 0px;
}

.et_pb_toggle h5.et_pb_toggle_title {
	margin: 0px;
	padding: 10px 20px;
}

.et_pb_toggle_open h5.et_pb_toggle_title {
	color: #c3aab5;
	border-bottom: 1px solid black;
}

.et_pb_toggle_content {
	padding: 20px 20px;
}

/*****************************/
/*   ACCORDION PLUS STYLES   */
/*****************************/
div.chiac-header.chiac_closed {
	border-bottom: 0px;
}
div.chiac-content table td, div.chiac-content table th {
	border: 1px solid #000000!important;
	padding: 16px!important;
}

div.chiac-content th {
	background-color: #eeeeee;
}
div.chiac-content td {
	vertical-align: top;
}

/*****************************/
/*   EVENT TILES STYLES      */
/*****************************/

ul.ecs-event-list {
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
}
li.ecs-event {
	display: flex;
	flex: 32%;
	padding-left: 15px;
	padding-right: 15px;
	flex-direction: column;
}

@media (max-width: 980px) {
  li.ecs-event {
    flex: 48%;
  }
}

@media (max-width: 768px) {
  li.ecs-event {
    flex: 98%;
  }
}

li.ecs-event :nth-child(2) { order: -3; }
li.ecs-event :nth-child(1) { order: -2; }
li.ecs-event :nth-child(4) { order: -1; }

li.ecs-event img {
	width: 100%;
	height: 220px;
	object-fit: cover;
}
li.ecs-event span.duration.time {
	font-size: 14px;
	font-weight: 700;
	padding-bottom: 10px;
}

/*****************************/
/*   EVENT PAGES STYLES      */
/*****************************/

.tribe-events-content {
	font-family: 'Epilogue',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 400!important;
}

.tribe-events-content .et_pb_row {
	width: 100%!important;
}

.tribe-events-content a {
	color: #c21410!important;
	text-decoration: underline!important;
	border-bottom: none!important;
}

/*****************************/
/*   POST TYPE CAROUSELS      */
/*****************************/

.sp-pcp-post-content, .sp-pcp-post-content, .sp-pcp-post-content p, .sp-pcp-post-content p {
    font-family: 'Epilogue', Helvetica, Arial, Lucida, sans-serif!important;
    font-weight: 400!important;

}
.sp-pcp-title a, .sp-pcp-title, .pcp-collapse-header a{
	font-family: 'Red Hat Display', Helvetica, Arial, Lucida, sans-serif!important;
    font-size: 18px!important;
    font-weight: 700!important;
}
.sp-pcp-post-meta li, td.sp-pcp-post-meta, .sp-pcp-post-meta ul, .sp-pcp-post-meta li a, .sp-pcp-post-meta ul, .sp-pcp-post-meta li, .sp-pcp-post-meta li a {
	color: #32373b!important;
	font-family: 'Epilogue', Helvetica, Arial, Lucida, sans-serif!important;
    font-size: 16px!important;
    font-weight: 400!important;
}

.sp-pcp-section .swiper-button-prev {
	left: -40px!important;
}

.sp-pcp-section .swiper-button-next {
	right: -30px!important;
}