/*
 Theme Name:     Divi Child Theme
 Theme URI:      https://www.elegantthemes.com/divi
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
 Site:           Rope Metrics
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */
#logo {
    max-height: 151%;
}
.fixed-header-box .cart-dropdown {
	display: none;
}
#et_search_icon:hover, #top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a, .bottom-nav li.current-menu-item > a, .comment-reply-link, .entry-summary p.price ins, .et-social-icon a:hover, .et_password_protected_form .et_submit_button, .footer-widget h4, .form-submit .et_pb_button, .mobile_menu_bar::after, .mobile_menu_bar::before, .nav-single a, .posted_in a, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content input.button, .woocommerce #content input.button.alt, .woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce .star-rating span::before, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt:hover, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content input.button, .woocommerce-page #content input.button.alt, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit, .woocommerce-page #respond input#submit.alt, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page .star-rating span::before, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page input.button, .woocommerce-page input.button.alt, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .wp-pagenavi a:hover, .wp-pagenavi span.current {
	color: #620202;
}
.woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover {
    background: rgba(250,170,79,0.85) !important;
    border-color: rgba(32,45,72,0.85) !important;
}
/* style the get started cta button */
.register {border-radius: 0px;}
.register a {color: #fff/*#202D48*/!important;}
.et_header_style_left #et-top-navigation nav > ul > li#menu-item-366 > a {padding-bottom: 0}
li.register {
    background-color: #ec4423;/*#FAAA4F*/
    font-weight: 700; 
    text-transform: uppercase; 
    text-align: center; 
    padding: 10px 15px!important;
	border-radius: 30px;
    -moz-transition: all 0.5s; 
    -webkit-transition: all 0.5s;
    transition: all 0.5s;}
li.register:hover {background-color: rgba(236,68,35,0.85);}

/* fixed header button text color */
.et-fixed-header #top-menu .register a {
    color: #202D48!important;}
.register li.current-menu-ancestor > a, .register li.current-menu-item > a {
    color: #202D48!important;}
 
@media only screen and (min-width : 981px) {
    li.get-started {height: 33px;}
}
/* EVENTS */
.eventSlide {
    background: #202d48 none repeat scroll 0 0;
    margin: 10px 0;
    padding: 10px 15px;
    width: 50%;
}
.eventDate {
    color: #91abd4;
    font-weight: 600;
}
.eventContent {
    color: #F7F8F9;
}
.divisionRadio {
    display: inline-block;
    background-color: #91abd0;
    color: black;
    padding: 5px;
}
.eventContent button {
    background-color: #ec4423;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    padding: 12px 13px 10px 10px!important;
    border-radius: 3px;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    border: none;
    width: 100%;
}
.eventContent button:hover {
    background-color: rgba(236,68,35,0.85);
}
#division {
    background: #91abd4;
}
/* MY ACCOUNT */
td a.wcs-switch-link.button {
    display: none;
}
.requiredFiled,
.requiredFiled.twinFields,
.notRequired.twinFields {
    width: 50%;
}
.requiredFiled > input,
.requiredFiled.twinFields > input, 
.notRequired.twinFields > input,
select#state,
select#gender,
select#heelerRank,
select#headerRank{
    border-radius: 5px;
    border: 1px solid #bbb;
    color: #4e4e4e;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 10px;
    width: 75%;
}
.entry-content input .submit-button {
    border: 3px solid blue;
    border-radius: 5px;
    font-size: 14px;
    padding: 10px;
}
.entry-content input .submit-button:hover {
    color: red;
}
.container-forms {
    margin-bottom: 40px;
}

span.successMessage {
    color: green;
    font-weight: bold;
}

span.errorMessage {
    color: red;
    font-weight: bold;
}   
.noMembership {
    padding: 25px;
    background-color: #f44336;
    color: white;
    border-radius: 10px;
}
/*  PERSONAL STATS  */
.resultsWrapper th,
.entry-content tr th {
    background-color: #202d48;
    color: #fff;
    font-size: 19px;
    font-family: 'Bevan';
    font-weight: 100;
}
.resultsWrapper tr td {
    background-color: #ddd;
}
.resultsWrapper tr td b {
    font-size: 18px
}

/*  SHOP  */

h3.addon-name {
    font-size: 19px;
}
.woocommerce table.shop_table tbody th {
    font-weight: 100;
}
/*  THANK YOU  */
.thank-you {
    color: #FAAA4F;
    background-color: #202d48;
    padding: 20px;
    margin-bottom: 20px;
}

/* use et_pb_more_button et_pb_button et_pb_button_one et_pb_custom_button_icon
.submit-button input {
    background-color: #faaa4f;
    border-radius: 3px;
    color: #202d48;
    font-family: inherit;
    font-weight: 700;
    padding: 12px 13px 10px 10px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
}*/


/*---Add Links to the Divi Gallery Module and Show Captions on Hover---*/
/*Hide the image title and default overlay effect*/
.et_pb_gallery_item h3,
.et_overlay {
    display: none;
}
/*Set the position and size of the images and add an extra pixel to get rid of white space between images*/
.et_pb_gallery_grid .et_pb_gallery_image {
    position: absolute;
    width: calc(100% + 1px) !important;
}
.et_pb_gallery_caption {
    margin: 0 !important;
}
/*Set the colour of the caption text*/
.et_pb_gallery_caption a {
    color: #fff;
}
/*Set the font size and case for the title*/
b {
    font-size: 20px;
    text-transform: uppercase;
}
/*Set the position of caption text so it displays on to of the image on hover and add an outline*/
p.et_pb_gallery_caption {
    position: relative;
    background: rgba(0, 0, 0, .5);
    /*This is the colour of the image overlay on hover*/
    border: none;
    outline: 5px solid rgba(255, 255, 255, .5);
    /*This is the colour of the border*/
    outline-offset: -20px;
    /*This moves the border in a little from the edge*/
    text-align: center;
    padding: 32% 5%;
    /*Adjust the first value if using more or less text*/
    cursor: pointer;
    opacity: 0;
    /*Hide the caption until hover*/
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}
/*Show the caption on hover*/
p.et_pb_gallery_caption:hover {
    opacity: 1;
}
/*  FOOTER  */
.footer-widgets {
    padding-top: 3%; 
}
.footer-widget {
    margin-bottom: 3%;
}
/*Media queries: You will need to adjust these values if using more or less text*/
@media only screen and (max-width:1366px) {
    p.et_pb_gallery_caption {
        padding: 23.7% 5%;
        /*Adjust the first value if using more or less text*/
    }
}
@media only screen and (max-width:1280px) {
    p.et_pb_gallery_caption {
        padding: 19% 5%;
        /*Adjust the first value if using more or less text*/
    }
}
@media only screen and (max-width:1024px) {
    p.et_pb_gallery_caption {
        padding: 15% 5%;
        /*Adjust the first value if using more or less text*/
    }
}
/*This media query make the gallery display as two columns rather than three on tablets in portrait*/
@media only screen and (min-width: 768px) and (max-width: 980px) {
    .et_pb_column .et_pb_grid_item:nth-child(2n+1) {
        clear: both !important;
    }
    .et_pb_gutters1 .et_pb_grid_item:nth-child(n) {
        width: 50% !important;
        margin: 0 !important;
        clear: none;
    }
    p.et_pb_gallery_caption {
        padding: 26.5% 5%;
        /*Adjust the first value if using more or less text*/
    }
    .eventSlide {
        width: 100%;
    }
    .et_right_sidebar #sidebar {
        padding-top: 10%;
    }
}
@media only screen and (max-width: 767px) {
    .eventSlide {
        width: 100%;
    }
    .requiredFiled,
    .requiredFiled.twinFields, 
    .notRequired.twinFields {
        width: 100%;
    }
    .et_right_sidebar #sidebar {
        padding-top: 10%;
    }
}
@media only screen and (max-width: 480px) {
    .et_pb_gallery_grid .et_pb_gallery_image {
        width: 100% !important;
        max-width: 100% !important;
    }
    p.et_pb_gallery_caption {
        padding: 24.8% 5%;
        /*Adjust the first value if using more or less text*/
    }
    .requiredFiled > input,
    .requiredFiled.twinFields > input, 
    .notRequired.twinFields > input {
        border-radius: 5px;
        border: 1px solid #bbb;
        color: #4e4e4e;
        font-size: 14px;
        margin-bottom: 10px;
        padding: 10px;
        width: 100%;
    }
	.container {
		width: 100%;
	}
	.resultsWrapper th, .entry-content tr th {
		font-size: 12px;
	}
}
@media only screen and (max-width: 320px) {
    .et_pb_gallery_grid .et_pb_gallery_image {
        width: 100% !important;
        max-width: 100% !important;
    }
    p.et_pb_gallery_caption {
        padding: 19.4% 5%;
        /*Adjust the first value if using more or less text*/
    }
}
span.ranksMessage {
    font-weight: 600;
}