/*
 Theme Name:     Love Livin In Santa Cruz
 Theme URI:      http://www.lovelivininsantacruz.com
 Description:    Custom theme for Love Livin In Santa Cruz by PPD Multimedia
 Author:         PPD Multimedia, Inc.
 Author URI:     http://www.ppdmultimedia.com
 Template:       Divi
 Version:        1.0
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */

/*
Custom Styles
*/

#et-top-navigation #top-menu-nav ul#top-menu li ul li a { font-size: 14px !important; line-height: 17px !important; }
.et-cart-info span { font-size: 12px !important; }
.certifications { width: 100%; }
.certifications .certificationsicon { float:left; padding: 10px; width:25%; }
.certifications .certificationstext { float:left; padding: 30px 10px; width:74%; }

/* Main Page Styles */


/* Media Queries */

/* Setting the breakpoint of the mobile menu */
@media only screen and ( max-width: 1200px ) {
    #top-menu-nav, #top-menu {display: none;}
    #et-top-navigation ul { text-align: left; }
    #et-top-navigation ul li { text-align: left; }
    #et-top-navigation ul li a { text-align: left; }
    #et_top_search {display: none;}
    #et_mobile_nav_menu {display: block;}
}

/* Increase width of drop-down menus */
@media screen and (min-width: 981px) {
    .sub-menu {
        min-width: 300px;
    }
    #top-menu li li a {
        width: 260px;
        /* Extra - Reduce padding on list items */
        padding: 15px 25px;
    }
}

@media all and ( min-width: 1301px ) and ( max-width: 1500px) {
    #et-top-navigation #top-menu-nav ul#top-menu li a { font-size: 13px !important; line-height: 17px !important; }
    .logo_container img#logo { min-width:201px !important; min-height:65px !important; }

}

@media all and ( min-width: 1001px ) and ( max-width: 1300px) {
    #et-top-navigation #top-menu-nav ul#top-menu li { padding: 5px !important; }
    #et-top-navigation #top-menu-nav ul#top-menu li a { font-size: 11px !important; line-height: 17px !important; }
    .logo_container img#logo { min-width:201px !important; min-height:65px !important; }
}

@media all and ( min-width: 768px ) and ( max-width: 1000px ) {
    #et-top-navigation #top-menu-nav ul#top-menu li { padding: 5px !important; }
    #et-top-navigation #top-menu-nav ul#top-menu li a { font-size: 11px !important; line-height: 17px !important; }
    .logo_container img#logo { min-width:201px !important; min-height:65px !important; }
  }

@media all and ( min-width: 480px ) and ( max-width: 767px ) {
    .certifications { text-align:center; }
    .certifications .certificationsicon { clear: both; width: 100%; text-align:center; }
    .certifications .certificationstext { clear: both; width: 100%; text-align:center; }
  }

@media all and ( max-width: 479px ) {
    .certifications { text-align:center; }
    .certifications .certificationsicon { clear: both; width: 100%; text-align:center; }
    .certifications .certificationstext { clear: both; width: 100%; padding: 10px; text-align:center; }

}