/*
Theme Name:     Iris Theme
Description:    Design by Medlicott Design for NZ Iris Society
Author:         Medlicott Design
Template:       Divi

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/
/* Code for Security question */
.et_pb_contact_right:before{content:'Security Question'}
.et_pb_contact_right{color:#7F3765 !important;font-weight:400;}
/* Forms */
.et_pb_contact_field_options_wrapper .et_pb_contact_field_options_title {color:#7F3765 !important;font-weight:400;}


/*-- Nav settings --*/

#top-menu li ul {width: 437px !important;}
#top-menu li li a {width: 397px !important;}
#top-menu li li a:hover {width: 397px !important;}
#top-menu li.mega-menu ul { width: 95% !important; }
#top-menu li.mega-menu li > a { width: 327px !important; }

ul#top-menu.nav {padding-top:2em !important;}
#subwoof {border-bottom:#fff 1px dotted;}

#designer {color: #09F}

/*-- Divi Gallery Fixes --*/
.et_pb_gallery_title {display: none !important}

/** style logout **/
.mbr {margin:10% 0 0 0 !important; padding:1em;}

/********* Mobile Menu Collapse ********/
/*------------------------------------------------*/
/*---------[GQ - MOBILE MENU BUTTON 1]------------*/
/*------------------------------------------------*/
 
    .mobile_menu_bar:before {
            background-color: #893873;
            padding: 2px 0px 2px 2px;
            top: 9px;
            color: #fff!important;}
    .mobile_menu_bar::after {
            font-family: Arial;
            content: "MENU";
            position: relative;
            padding: 10px 20px 10px 5px;
            background-color: #893873;
            color: #FFFFFF!important;
        cursor: pointer;}
    .mobile_nav.opened .mobile_menu_bar:before {
        content: "\4d";}

/**** This hides the sub menu items on mobile ****/
 
#main-header .et_mobile_menu li ul.hide {
display: none !important;
}
 
/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/

.et_mobile_menu {border-top: #893873 !important;}
 
#mobile_menu .menu-item-has-children {
position: relative;
}
#mobile_menu .menu-item-has-children > a {
background: transparent;
}
 
/**** This styles the icon and moves it to the right ****/
 
#mobile_menu .menu-item-has-children > a + span {
position: absolute;
right: 0;
top: 0;
padding: 10px 20px;
font-size: 20px;
font-weight: 700;
cursor: pointer;
z-index: 3;
}
 
/**** Here you can swap out the actual icons ****/
 
span.menu-closed:before {
content: "\4c";
display: block;
color: #fff;
font-size: 16px;
font-family: ETmodules;
}
 
span.menu-closed.menu-open:before {
content: "\4d";
}

/********* End of Mobile Menu Collapse ********/

/*---------------[BACK TO TOP  BUTTON]-------------*/
/* Back to top Button */
.et_pb_scroll_top:after {
    content: "Back To Top";/*button text*/
    font-family: "Open Sans",Arial,sans-serif;/*text font*/
    font-size:12px;/*text size*/
} 
.et_pb_scroll_top:before {
    content: "\21";/*select icon*/
    font-family: ETmodules !important;
    font-size:12px;/*icon size*/
    margin-right: 5px;
} 
.et_pb_scroll_top.et-pb-icon {
    padding: 0px 20px 17px;
    right: 20px;
    bottom: 150px; /*40px;  change back to this when not in store demo mode*/
    border-radius: 100px;
    background: #7F3765;/*button color*/
    box-shadow: 0 10px 20px #37798940;
    transition: all .1s ease-in-out;
}
.et_pb_scroll_top.et-pb-icon:hover {
    background: #893873/*#301A43*/;/*button color on hover*/
    transition: all .1s ease-in-out; /*add transition*/
}
/*Add Animation from Bottom */
.et_pb_scroll_top.et-visible {
    -webkit-animation: fadeInBottom 1s 1 cubic-bezier(.50,0,.160,1);
    -moz-animation: fadeInBottom 2s 1 cubic-bezier(.50,0,.160,1);
    -o-animation: fadeInBottom 1s 1 cubic-bezier(.50,0,.160,1);
    animation: fadeInBottom 1s 1 cubic-bezier(.50,0,.160,1);
}
.et_pb_scroll_top.et-hidden {
    opacity: 0;
    -webkit-animation: fadeOutBottom 1s 1 cubic-bezier(.77,0,.175,1);
    -moz-animation: fadeOutBottom 1s 1 cubic-bezier(.77,0,.175,1);
    -o-animation: fadeOutBottom 1s 1 cubic-bezier(.77,0,.175,1);
    animation: fadeOutBottom 1s 1 cubic-bezier(.77,0,.175,1);
}
 /*---------------[END OF BACK TO TOP  BUTTON]-------------*/


/* Member Layout */
.et_password_protected_form {padding:6em 4em !important;border:1px solid #7F3765 !important;width:50% !important;margin:0 auto;}
.et_password_protected_form label p {color:#000 !important;}

/*.ppw-ppf-input-container{margin-top:7% !important;padding:2em; color:#fff !important;}*/
/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {
  
}
 
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {
 
}
 
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
 
}
 
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
	.et_password_protected_form {width:80% !important;margin:0 auto; font-size:90% !important;}
	button.et_submit_button.et_pb_button{color:#893873 !important;border-color:#893873 !important; }
}
 
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
	.et_password_protected_form {width:80% !important;margin:0 auto; font-size:90% !important;}
	button.et_submit_button.et_pb_button{color:#893873 !important;border-color:#893873 !important; }
}
 
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
	.et_password_protected_form {width:80% !important;margin:0 auto; font-size:85% !important;}
	button.et_submit_button.et_pb_button{color:#893873 !important;border-color:#893873 !important; }
}