/*
 Theme Name:     Dunston Silver Band
 Theme URI:      http:/www.perro.co.uk/dsb/Divi
 Description:    Dunston Silver Band
 Author:         Gordon Ditchburn
 Author URI:     http://perro.co.uk
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
-----------------------/-------------------------------- */

/* Remove box shadow */
.et_boxed_layout #page-container {
    box-shadow: none;
}

#main-header.et-fixed-header {box-shadow: none !important; border-bottom:none !important;}

#main-header { box-shadow: none; }

/***Main Menu******/
#top-menu a:hover {color:#02669a;}

/**** Audio Clips Centre ******/

.et_pb_audio_no_image .et_pb_audio_module_content {
    margin-left: 0;
}

/****** Toggles  *****/

.one_fourth p {padding-bottom: 0px;}

.et_pb_toggle_1.et_pb_toggle_open h5.et_pb_toggle_title {
    color: #2669a !important;
}

/**** Footer  *****/

#footer-widgets .footer-widget li a:hover {
    color: #02669a;
}

 #main-footer #footer-widgets {
    margin-top: 0 !important;
}
#footer-widgets {
    padding: 2% 0 0;
}

#footer-bottom {display:none;}

/******Calendar********/

#tribe-events-content-wrapper {background:#ffffff;}

#tribe-events-content {
    background: #ffffff none repeat scroll 0 0;
    margin-bottom: 48px;
    padding: 2px 40px;
    position: relative;
}
a.tribe-events-gcal, a.tribe-events-ical {margin-bottom: 20px;}

.tribe-event-date-start, .tribe-event-time {font-size:18px;}

#et-main-area {background:#ffffff;}

/***** Facebook *******/
/*
#fb-root {
    display: none;
}
*/
/* To fill the container and nothing else */
/*
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}
*/

#et_search_icon:hover, .mobile_menu_bar::before, .mobile_menu_bar::after, .et-social-icon a:hover, .comment-reply-link, .form-submit input, .entry-summary p.price ins, .woocommerce div.product span.price, .woocommerce-page div.product span.price, .woocommerce #content div.product span.price, .woocommerce-page #content div.product span.price, .woocommerce div.product p.price, .woocommerce-page div.product p.price, .woocommerce #content div.product p.price, .woocommerce-page #content div.product p.price, .woocommerce .star-rating span::before, .woocommerce-page .star-rating span::before, .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce-page button.button.alt, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce button.button, .woocommerce-page button.button:hover, .woocommerce input.button:hover, .woocommerce-page input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover, .woocommerce #content input.button:hover, .wp-pagenavi span.current, .wp-pagenavi a:hover, .et_password_protected_form .et_submit_button, .nav-single a, .posted_in a, #top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a, .bottom-nav li.current-menu-item > a, .footer-widget h4 {
    color: #02669a !important;
}

/****POSTS BLOG ********/

.et_pb_bg_layout_light .et_pb_post .post-meta, .et_pb_bg_layout_light .et_pb_portfolio_item .post-meta, .et_pb_bg_layout_light .et_pb_post .post-meta a, .et_pb_bg_layout_light .et_pb_portfolio_item .post-meta a, .et_pb_bg_layout_light .et_pb_post p, .et_pb_bg_layout_light p.et_pb_title_meta_container, .et_pb_bg_layout_light p.et_pb_title_meta_container a {
    color: #000000;
}

/***** FORM */

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
    margin: 0;
    width:22%;
    height:50px;
    font-size:18px;
    font-weight:500;
    background-color:#ec6e00; border: 2px solid #000000; border-radius: 5px;
}
.wpcf7 input[type="submit"] {
    margin: 0;
    width:22%;
    height:50px;
    font-size:20px;
    font-weight:500;
    color: #ffffff;
    background-color:#ec6e00;
    border: 2px solid #ffffff;
    border-radius: 8px;
}

#wpcf7-f74-p75-o1 input[type="text"],
#wpcf7-f74-p75-o1 input[type="email"],
#wpcf7-f74-p75-o1 input[type="tel"] {
    margin: 0;
    width:25%;
    height:30px;
    font-size:18px;
    font-weight:500;
    background-color:#ec6e00; border: 2px solid #000000; border-radius: 5px;
}

#wpcf7-f74-p75-o1 textarea {
    margin: 0;
    width:95%;
    font-size:18px;
    font-weight:500;
    background-color:#ec6e00; border: 2px solid #000000; border-radius: 5px;
}

#wpcf7-f74-p75-o1 input[type="submit"] {
    margin: 0;
    width:95%;
    height:50px;
    font-size:20px;
    font-weight:500;
    color: #ffffff;
    background-color:#ec6e00;
    border: 2px solid #ffffff;
    border-radius: 8px;
}

#wpcf7-f74-p75-o1 input[type="submit"]:hover {
background: #ffffff none repeat scroll 0 0;
border-color: #ffffff;
color: #000000;
}


#wpcf7-f74-p75-o1 input[type="submit"]:hover::after {
    font-family: "ETmodules" !important;
}

#wpcf7-f74-p75-o1 input[type="submit"]:hover::after {
    content: "5";
    font-size: 32px;
    color: #000000;
    line-height: 1em;
    margin-left: -1em;
    opacity: 0;
    position: absolute;
    transition: all 0.2s ease 0s;
}



    #form {
    padding: 5px;
    width: auto;
    margin: 20px auto;
    }

    #contentleft {
    width: 33%;
    float: left;
    padding: 5px 15px;
    }

    #contentmiddle {
    width: 33%;
    float: left;
    padding: 5px 15px;
    }

    #contentright {
    width: 33%;
    padding: 5px 15px;
    float: left;
    }

    #bottom {
    clear: both;
    padding: 0 15px;
    }

    /*MEDIA QUERIES*/

    /* for 980px or less */
    @media screen and (max-width: 980px) {

    #form {
    width: 94%;
    }
    #contentleft {
    clear: both;
    padding: 1% 4%;
    width: auto;
    float: none;
    }

#contentmiddle {
    clear: both;
    padding: 1% 4%;
    width: auto;
    float: none;
    }
    
#contentright {
    clear: both;
    padding: 1% 4%;
    width: auto;
    float: none;
    }

    #bottom {
    clear: both;
    padding: 1% 4%;
    width: auto;
    float: none;
    }

    /* for 700px or less */
    @media screen and (max-width: 600px) {

    #contentleft {
    width: auto;
    float: none;
    }

    #contentmiddle {
    width: auto;
    float: none;
    }

    #contentright {
    width: auto;
    float: none;
    }
    #bottom {
    width: auto;
    float: none;
    }
    }

    /* for 480px or less */
    @media screen and (max-width: 480px) {

    #contentleft {
    background: #f8f8f8;
    }
    #contentmiddle {
    background: #f8f8f8;
    }
    #contentright {
    background: #f0efef;
    }
    #contentleft, #contentmiddle, #contentright, #bottom {
    margin-bottom: 5px;
    }

    #contentleft, #contentmiddle, #contentright, #bottom {
    border: solid 1px #ccc;
    }
}