/*
 Theme Name: RMC
 Theme URI: https://www.rmcstrategy.com/
 Description: Divi Child Theme Designed For Campaigns, PACS, and other entities by the RMC Digital Team
 Author: RMC Digital
 Author URI: https://www.rmcstrategy.com
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

/** App-style header and menu **/

@media (max-width: 980px) {
 .container.et_menu_container { 
 width: calc( 100% - 60px);
 }
}
.et_mobile_menu {
 margin-left: -30px;
 padding: 5%;
 width: calc( 100% + 60px);
}
.mobile_nav.opened .mobile_menu_bar:before {
 content: "\4d";
}

/** Fixes IFRAME embed size issue **/

.et_pb_video_box {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.et_pb_video_box iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/** Enable FlexBox Class **/

.flex-row-wrapper {
 display: flex;
}
.flex-row-wrapper .et_pb_column {
 display: flex;
 flex-direction: column;
 padding: 20px;
 border: 1px solid black;
 justify-content: space-between;
}
@media screen and (max-width: 981px) {
  .flex-row-wrapper  { 
   flex-direction:column;
}
}

/** Way to keep your CSS from messing up mobile. **/

@media ( min-width: 981px ) {

/** Your CSS goes here **/

}

/** Change aspect ratio of portfolio and gallery (alter padding-top) **/

.et_portfolio_image {
 padding-top: 100%;
 }
 .et_portfolio_image img {
 position: absolute;
 height: 100%;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 object-fit: cover;
 }

.et_pb_gallery_image {
padding-top: 100%;
}
.et_pb_gallery_image img {
position: absolute;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
object-fit: cover;
}

/** Change default cover animations:

fadeLeft
fadeBottom
fadeInLeft
fadeRight
fadeInRight
fadeOutRight
fadeInTop
fadeOutTop
fadeOutBottom
fadeOutLeft
fadeTop
fadeInRight
Grow
fadeIn
slideWidth
gridFadeIn
flipInX
flipInY
**/

.et-pb-active-slide .et_pb_slide_description {
 animation-name: fadeBottom;
}
.et-pb-active-slide .et_pb_slide_image, .et-pb-active-slide .et_pb_slide_video {
 animation-name: fadeLeft;
}

/* Fix Bloom size bug in Divi */
.et_bloom_form_header, .et_bloom_form_content, .et_bloom_form_container_wrapper {
    height: auto!important;
}

/* Social Media Menu Styles */
.divi-fb:after {
content: "\e093";
display: block;
font-family: "ETmodules";
font-weight: normal;
}
.divi-tw:after {
content: "\e094";
display: block;
font-family: "ETmodules";
font-weight: normal;
}
.divi-yt:after {
content: "\e0a3";
display: block;
font-family: "ETmodules";
font-weight: normal;
}
.divi-ig:after {
content: "\e09a";
display: block;
font-family: "ETmodules";
font-weight: normal;
}

/** FEC compliant disclaimer **/
#footer-info {
    border: 1px solid;
    padding: 4px 12px 4px 12px;
    width: 100%;
    max-width: 297px;
    text-align: center;
    margin: 0 auto;
}

/** red donate menu item **/
.navbar .donate-button a {
    color: #ffffff !important;
    border-radius: 3px;
    background-color: #ff0000 !important;
    padding: 10px !important;
}


/** red donate menu item for when menu shrinks on scroll **/
header.et-fixed-header #top-menu .donate-button a {
    color: #fff !important;
}

/** mobile red donate menu item **/
.et_mobile_menu .donate-button {
    padding-bottom: 5px;
    width: 50%;
    padding-top: 5px;
}


/* Custom Login [white background] */

#loginform {
    border-radius: 15px;
    filter: drop-shadow(0 5mm 4mm rgba(40,40,40,0.6));
    padding-bottom: 15px;
    background-color: #474747 !important;
}

input#user_pass.input, input#user_login.input {
    caret-color:#262626;
    color:#575757;
    border-radius: 10px;
    border: none;
    outline: none !important;
}

input#user_pass.input:hover, input#user_login.input:hover, input#user_pass.input:focus, input#user_login.input:focus{
    filter: drop-shadow(0mm 0mm 0.8mm white);
    outline: none !important;
}


p#nav {
    padding-top:13px !important;
}

/* 
* {
    transition: all 0.5s cubic-bezier(.68,-0.55,.27,1.55) !important;
}
*/ 
.login #backtoblog a:hover, .login #nav a:hover {
    transition: all 0.5s cubic-bezier(.68,-0.55,.27,1.55) !important;
    border-bottom: 1px solid #111111;
    border-radius: -8px;
    color: #999 !important;
    filter:blur(1px);
}

.login h1 a:hover {
    filter:blur(1px);
    transition: all 0.5s cubic-bezier(.68,-0.55,.27,1.55) !important;
}


/* forgot password links */
.login #nav a, .login #backtoblog a {
    color: #474747 !important;
    font-weight: 600;
    transition: all 0.5s cubic-bezier(.68,-0.55,.27,1.55) !important;
}

.login label {
    color: #e8e8e8 !important;
}
.login {
    background-color: #fff !important;
}

.login .message, .login #login_error, .login .success {
    background-color: #f4f4f4 !important;
    border-left: 4px solid #474747 !important;
}