/*
 Theme Name: Sun And Slope Child
 Template: sunandslope

*/

body { background-color: #FFF !important; font-size: 16px !important; line-height: 28px !important; font-family: 'Roboto', sans-serif !important; font-weight: 300 !important;}
.sub-content p, .sub-content { font-size: 16px !important; line-height: 28px !important; font-family: 'Roboto', sans-serif !important;font-weight: 300 !important; }
.post-inner { padding: 0px; }
h6 { font-weight: 300 !important; text-transform: uppercase !important; color: #f7931e !important; }
h2, h1 { text-transform: uppercase !important; }
.product-section .outerline-btn-01 { background: none !important; border: 2px solid #f7931e !important; color: #000 !important; }
.orange-btn { background-color: #f7931e !important; padding: 19px 39px !important; display: inline-block; border-radius: 20pc !important; margin-top: 24px !important; text-transform: uppercase !important; }
.outerline-btn-01, .outerline-btn-02 { border: 2px solid #f7931e !important; padding: 15px 35px !important; display: inline-block; border-radius: 20pc !important; margin-top: 24px !important; text-transform: uppercase !important; }
.outerline-btn-02::after, .outerline-btn-01::after, .orange-btn::after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054"; margin-left: 10px; transition: 0.2s !important; }
.outerline-btn-01:hover::after, .outerline-btn-02:hover::after, .orange-btn:hover::after { margin-left: 20px !important; }
ul { margin-top: 0px !important; }
/*---------------------------------
*Header-style
---------------------------------*/
.phonenumber{font-weight:bold;}
.icons-right i { border: 2px #fff solid; border-radius: 20pc; width: 40px; text-align: center; height: 40px; line-height: 40px; font-size: 18px; color: white !important; }
#site-header { position: absolute !important; width: 100% !important; background: none !important; z-index: 1111 !important; }
.icons-right { margin-top: 10px; }
.icons-right a { font-size: 20px; color: #fff; text-decoration: none aliceblue; }
.site-logo img { max-height: inherit; width: 202px; padding: 3px 13px 37px; }
.site-logo a { background: white; border-radius: 0px 0px 146px 146px; padding: 45px 32px; box-shadow: 0px 0px 2px #dbdbdb !important;}
.menu-bar { position: relative; z-index: 111; padding: 0px !important; width: 100%; }
.menu-bar { background: none !important; background-color: rgba(0, 0, 0, 0); padding: 15px 0PX; margin-top: 20px; position: absolute; top: 46px; z-index: 2; background-color: #ffffff82 !important; }
.menu-bar { z-index: 11; position: absolute; background: #fff6 !important; padding: 12px 0px !important; }
.logo { position: absolute; z-index: 1111; }
.menu-bar ul a { color: white !important; text-decoration: none !important; }
.serch-box { float: right; margin-left: 11px; }
.probox { padding: 2px !important; }
.primary-menu li { margin-top: 6px !important; }
.primary-menu { margin: 0px !important; }
.serch-box .promagnifier { box-shadow: inherit !important; }
.menu-bar .icon::before, .menu-bar .icon::after { color: #112369 !important; }
.proinput input::placeholder {
font-size: 16px !important;
}
ul.primary-menu li { margin: 7px 7px !important; }
.sub-menu {
    background-color: #112369 !important;
}
body:not(.overlay-header) .primary-menu > li > ul::after {
    border-bottom-color: #112369 !important;
}
.current_page_ancestor {
    text-decoration: none !important;
}
/*---------------------------------
*Banner-style
---------------------------------*/
.home-slider .et_pb_slide_description { padding: 30% 0% 10% !important; }
.home-slider h2 { font-size: 60px; text-transform: uppercase !important; }
.home-slider .text-light { font-size: 35px; font-weight: 300; color: #F7931E !important; }
/*---------------------------------
*Products-style
---------------------------------*/

.product-section .et_pb_blurb_container { background-color: white !important; padding: 20px !important; margin-top: -10px !important; position: relative !important; }
.product-section .et_pb_module_header a {
    color: black !important;
}
.product-section .et_pb_main_blurb_image {
    margin: 0px !important;
}
.product-section .et_pb_blurb_container p { padding: 0px !important; }
.product-section .et_pb_blurb_description span { position: absolute; right: 0px; background: #283877 !important; top: 0px; padding: 34px 30px !important; color: #ffff !important; }
/*---------------------------------
*Events-Section
---------------------------------*/
.event-cont { color: #000 !important; background-image: url("https://sunandslope.com/wp-content/uploads/2021/03/Events-bg.jpg") !important; padding: 30px !important; }

.eventbox { padding-left: 15px !important; padding-right: 15px !important; }
.et-db #et-boc .et-l .et_pb_bg_layout_dark .events-sec h5 { color: black !important; line-height: 40px !important; }
.events-sec a { color: black !important; }

/*---------------------------------
*Testimoials-Section
---------------------------------*/
.testimonial-section .et_pb_testimonial_author {
    margin: 0px !important;
}
.testi-news-section a {
    color: black !important;
}
.testi-news-section a:hover {
    color:#f39220 !important;
}
.et_pb_testimonial_no_image { overflow: visible !important; }
/*---------------------------------
*Footer-Section
---------------------------------*/

.site-footr { margin: 0px !important; padding: 80px 0px 10px; background-image: url("https://sunandslope.com/wp-content/uploads/2021/03/footer-bg.jpg"); color: #fff !important; }
.cont-footer, .f-cont-nber, .f-cont-email { display: flex; margin: -3px 0px !important; border-bottom: 2px solid #707070; padding: 16px 0px; }
.site-footr, .site-footr li, .site-footr li a { color: #fff !important; font-family: 'Roboto', sans-serif !important; font-size: 16px !important; }
.cont-footer li, .f-cont-nber li, .f-cont-email li { color: #fff; list-style: none; margin: 0px !important; }
.f-cont-nber li a { text-decoration: none !important; }
.line-top { margin-top: 30px; font-weight: 300 !important; }
.widget-title { font-size: 25px !important; }
.f-cont-nber i { margin-right: 20px !important; font-size: 20px !important; color: #f39c32 !important; }
.site-footr .menu li a { font-weight: 300; line-height: 30px; }
.site-footr #menu-quick-links li::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054"; margin-left: 10px; transition: 0.2s !important; margin-right: 15px; color: #f39c32 !important; }
.footer-submit input { background-color: #393939; border: inherit; border-radius: 20pc; padding: 0px 18px; display: inline-block; width: 48%; color: #fff !important; height:50px !important }
.site-footr .wpcf7-form-control.wpcf7-submit { background-color: #f39220 !important;  float: right; }
.r-box #custom_html-3 { margin: 0px !important; }
.footer-logo img { height: 101px; display: inline-block; margin-right: 10px; border-radius: 7px; }
.btm-time-section img { display: inline-block; float: left; width: 67px; }
.btm-time-section h2 { font-size: 19px; margin: 0px !important; }
.btm-time-section { border-bottom: 2px solid #707070; border-top: 2px solid #707070; padding: 15px 0px; margin-top: 30px; }
.text-time { float: left; margin: 12px; }
.footer-copyright { font-weight: 300 !important; color: #979797 !important; font-size: 14px !important; }
.to-the-top { position: absolute; right: 24px; top: -105px; border: 2px solid #ee9433; width: 40px; text-align: center; height: 40px; line-height: 38px; border-radius: 10pc; }
.wpcf7-not-valid-tip { position: absolute; top: -47px; }

/*---------------------------------
*Footer-form
---------------------------------*/
.footer-em .email_form_subs {
    display: flex;
    margin-bottom: 21px;
}
.footer-em input {
    width: 67%;
    background-color: #3e3e3e !important;
    border: none aliceblue !important;
    border-radius: 20pc;
    padding: 10px 22px;
    color: #fff;
    margin-right: 15px;
    height: 50px;
}
.footer-em .submit {
    background-color: #f39c32 !important;
}
/*---------------------------------
*Subpage-style
---------------------------------*/
h1.entry-title { font-size: 55px !important; font-family: 'Roboto', sans-serif !important; font-weight: 400; }
.entry-header { padding: 0px !important; }
.cover-color-overlay.color-accent { color: #f7931e; }
.opacity-80 {
    opacity: 9;
}
.et_pb_row { width: 80% !important; }
/*---------------------------------
*About-page
---------------------------------*/

.about-slider .et_pb_slide { min-height: 400px; }
.about-slider .et_pb_slide_description { padding: 47% 20% 0px !important; }

/*---------------------------------
*Gift-page
---------------------------------*/

.gift-box td {
	 border: none !important;
	 text-align: center;
    margin-right: 20px !important;
    display: table-cell;
    width: 48%;
    float: left;
    background-color: white;
    padding: 40px !important;
}
.gift-box td td {
    width: 100%;
    padding: 10px !important;
}
.gift-box table{ border:inherit !important; margin: 0px !important;}
.gift-box select {
    border: 2px solid #e1e1e1 !important;
    width: 100%;
}
.gift-box tr {
    display: flex;
}
/*---------------------------------
*page-style
---------------------------------*/
.screen-height { min-height: calc(48vh) !important; }
.singular .entry-header { background: transparent; }
#et-boc { max-width: 100%; width: 100%; }
.resource-links strong a { font-size: 20px; color: #f7931e !important; font-weight: 800 !important; }
.cust-contactus input { width: 100% !important; border: none !important; border: 1px solid #e9e3e3 !important; border-radius: 0; display: block; padding: .7em; }
.cust-contactus textarea { width: 100% !important; border: none !important; border: 1px solid #e9e3e3 !important; border-radius: 0; display: block; padding: .7em; }
.cust-contactus .wpcf7-submit { background-color: #ffae27 !important; display: block !important; padding: 12px 50px !important; margin-top: 36px !important; text-align: center !important; width: auto !important; border: none !important; border-radius: 20pc !important; color:#fff !important }
.cust-contactus .wpcf7-not-valid-tip { color: red!important; }
ul.primary-menu { float: left; margin-top: 4px; }
.serch-box #ajaxsearchlite1 .probox { border: 2px solid #f8f9fa; background: #f5b3b300; }
.serch-box div.asl_w .probox .promagnifier .innericon svg { fill: white!important; }
.to-the-content.fill-children-current-color {
    display: none !important;
}

/*---------------------------------
*event-page
---------------------------------*/
.meta-icon svg {
    color: #f7931e !important;
}

h1.post-title-custom { font-size: 30px !important; text-transform: capitalize !important; }
.post-meta-wrapper { margin: 0px !important; text-align: left; width: 100% !important; max-width: 100%; }
.post-date.meta-wrapper { float: left !important; width: 98% !important; margin-bottom: 20px !important; }
.post-date.meta-wrapper span { color: #f7931e !important; }
.pagination-single-inner .title-inner { color: #112369 !important; font-size: 13px; font-weight: 400; }
.eventspage { margin-top: 55px; }
.event-cont { min-height: 385px; }
/*---------------------------------
*Search-page
---------------------------------*/
.search-post-title a, .search-post-link a { color: #f7931e !important; }
/*---------------------------------
*Mobile-nav
---------------------------------*/

.toggle-icon, .toggle-inner { height: auto !important; width: 100% !important; }
.nav-toggle { position: relative; top: 0px; left: 0px; width: auto; margin-left: 10px; display: block !important; }
.toggle-icon i { position: relative; right: 0px !important; float: right !important; font-size: 27px !important; }
.menu-modal { z-index: 1111; }
.modal-menu li a { padding: 8px 20px !important; font-size: 16px !important; font-weight: 400 !important; color: #fff; }
.menu-modal-inner { background-color: #283877 !important; }
.modal-menu li { border-color: #1b2a66 !important; }
.toggle-text, .close-nav-toggle svg, .svg-icon { color: #fff !important; }
.sub-menu li a { color: #fff !important; }
.nav-toggle .toggle-inner { padding-top: 0.3rem !important; }
.close-nav-toggle:focus {
    outline: inherit;
}
.toggle-text {
    display: none;
}
/*---------------------------------
*media-query-style
---------------------------------*/

@media only screen and (max-width: 1199px) {
.site-logo img { max-height: inherit; width: 95px; padding: 0px !important; }
}
 @media only screen and (max-width: 991px) {
.home-slider .text-light { font-size: 30px; }
.home-slider h2 { font-size: 45px; }
}
@media only screen and (max-width: 980px) {
.et-db #et-boc .et-l .et_pb_blurb_content { max-width: 370px !important; }
.events-sec { margin: auto !important; }
h1.entry-title { font-size: 30px !important; }
}
 @media only screen and (max-width: 767px) {
.btm-time-section { padding: 20px !important; text-align: center; }
.btm-time-section img { float: none !important; }
.widget_text { margin-bottom: 50px; }
.footer-copyright { text-align: center; }
.to-the-top { display: none; }
.home-slider .et_pb_slide_description { padding: 42% 10% 3% !important; }
h1.entry-title { font-size: 28px !important; }
.orange-btn, .outerline-btn-01, .outerline-btn-02 { padding: 15px 25px !important; margin-top: 15px !important; }
.footer-logo img {
    margin-bottom: 20px;
}
.gift-box tr {
    display: block !important
}
.gift-box td{ width:100% !important;}
}
 @media only screen and (max-width: 699px) {
.cover-header-inner {
    padding: 14rem 0 2rem 0;

}
 }

 @media only screen and (max-width: 550px) {
.home-slider .text-light { font-size: 16px; }
.home-slider h2 { font-size: 28px; }
.site-logo a { padding: 7px 13px 27px; }
.site-logo img { width: 70px; }
.home-slider .et_pb_slide_description { padding: 47% 10% 18% !important; }
h1.entry-title { font-size: 25px !important; }
h2 { font-size: 25px !important; }
.orange-btn, .outerline-btn-01, .outerline-btn-02 { padding: 9px 17px !important; margin-top: 15px !important; }
.footer-em input {
    margin-bottom: 20px;
}
.email_form_subs {
    display: block !important;
}
}
 @media only screen and (max-width: 400px) {
.serch-box { width: 70%; }
.site-logo a { padding: 2px 8px 21px; }
.icons-right i { width: 32px; height: 32px; line-height: 32px; }
}