/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

p, ul, h1, h2, h3 {color: #757575;}

.my-header-dark {
    background-color:#4a4a4a !important;
}

.my-header-light {
    background-color: #1c5d3f !important;
    opacity: 0.5;
}

@media (min-width: 992px) {
    p, ul { font-size: 1.3em;}
    .promo-text-small {display: none;}
    .promo-text-large {display: block;}
    .custom-slider-title {
        color: #5c5c5c !important; 
        background-color: rgba(255,255,255,0.5); 
        font-size: 3.0em;}
    .custom-slider-title-yellow {
        color: #ffdc00 !important; 
        background-color: rgba(255,255,255,0.8); 
        font-size: 3.0em;}
    .custom-slider-title-blue {
        color: #0460D9 !important; 
        background-color: rgba(255,255,255,0.8); 
        font-size: 3.0em;}
    .slider-caption-margin-top {margin-top: 150px;}
}

@media (max-width: 992px) {
  .invisible-mobile {display: none;}
}

@media (min-width: 768px) and (max-width: 991.9px) {
    p, ul { font-size: 1.2em;}
    .header-responsive-mid {text-align: center;}
    .promo-text-small {text-align: center; display: block;}
    .promo-text-large {display: none}
    .button-responsive {margin: auto; display: block; text-align: center;}
    .custom-slider-title {
        color: #5c5c5c !important; 
        background-color: rgba(255,255,255,0.5); 
        font-size: 3.0em;}
    .custom-slider-title-yellow {
        color: #ffdc00 !important; 
        background-color: rgba(255,255,255,0.8); 
        font-size: 3.0em;}
    .custom-slider-title-blue {
        color: #0460D9 !important; 
        background-color: rgba(255,255,255,0.8); 
        font-size: 3.0em;}
    .icon-reorder {
        font-size: 2.7em !important;
        color: #a4baeb;
    }
  .slider-caption-margin-top {margin-top: 120px;}
}

@media (max-width: 767.98px) {
    p, ul { font-size: 1.1em;}
    .p-responsive {text-align: center !important;}
    .header-responsive {text-align: center;}
    .button-responsive {margin: auto; display: block; text-align: center;}
    .promo-text-small {text-align: center; display: block;}
    .promo-text-large {display: none}
    .picture-desktop-only {display: none}
    .line-responsive {margin-bottom: 25px; margin-top: 0px;}
    .col-last-responsive {margin-bottom: 25px !important;}
    .col-responsive { text-align: center;}
    .slider-responsive {height: 300px !important;}
    .swiper-slide {height: 300px !important}
    .custom-slider-title {
        color: #5c5c5c !important; 
        background-color: rgba(255,255,255,0.5); 
        font-size: 2.0em;
        text-align: center;}
    .custom-slider-title-yellow {
        color: #ffdc00 !important; 
        background-color: rgba(255,255,255,0.8); 
        font-size: 2.0em;
        text-align: center;}
    .custom-slider-title-blue {
        color: #0460D9 !important; 
        background-color: rgba(255,255,255,0.8); 
        font-size: 2.0em;
        text-align: center;}
    .icon-reorder {
        font-size: 3.5em !important;
        color: #a4baeb;
    }
    .invisible-mobile {display: none;}
    .slider-caption-margin-top {margin-top: 100px;}
}

@media (max-width: 575.98px) {
    .slider-responsive {height: 300px !important;} 
    .swiper-slide {height: 300px !important;}
    .invisible-mobile {display: none;}
}