PATH:
home
/
dkwgdcnelloreac
/
public_html
/
css
/
Editing: scoop-horizontal.min.css
html {} * { zoom: 1; } /*############################################################################## Header CSS Start ###############################################################################*/ .scoop-address { font-size: 12px; font-weight: 600; line-height: 35px; } .scoop-address span { padding: 0 10px; } .scoop-address span a { color: #5cb85c; } .scoop-address span i { font-size: 14px; padding: 0 2px; } .scoop-rl-header .scoop-logo img { height: 30px; width: 95px; } .scoop-logo { font-size: 13px; font-weight: 600; line-height: 35px; } /*############################################################################## Header CSS Close ###############################################################################*/ /*############################################################################## ##################### Search Item CSS Start #################### ###############################################################################*/ .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item.scoop-search-item>li.scoop-hasmenu>a:after { display: none; } #scoop-search-input { margin: 0; padding: 0; } .scoop-form-wrapper.sm:before, .scoop-form-wrapper.sm:after { content: ""; display: table; } .scoop-form-wrapper.sm:after { clear: both; } .scoop-form-wrapper.sm { zoom: 1; } .scoop-form-wrapper { width: 340px; margin: 10px 10px 10px 10px; background: #444; background: rgba(0, 0, 0, .2); border-radius: 10px; } .scoop-form-wrapper input { width: 260px; height: 35px; padding: 6px 5px; float: left; border: 0; background: #eee; border-radius: 0px 0 0 0px; } .scoop-form-wrapper input:focus { outline: 0; background: #fff; } .scoop-form-wrapper input::-webkit-input-placeholder { color: #999; font-weight: normal; } .scoop-form-wrapper input:-moz-placeholder { color: #999; font-weight: normal; } .scoop-form-wrapper input:-ms-input-placeholder { color: #999; font-weight: normal; } .scoop-form-wrapper button { overflow: visible; position: relative; float: right; border: 0; padding: 0; cursor: pointer; height: 35px; width: 80px; color: #fff; text-transform: uppercase; background: #e64056; border-radius: 0 0px 0px 0; text-shadow: 0 -1px 0 rgba(0, 0, 0, .3); } .scoop-form-wrapper button:hover { background: #e54040; } .scoop-form-wrapper button:active, .scoop-form-wrapper button:focus { background: #c42f2f; outline: 0; } .scoop-form-wrapper button:before { content: ''; position: absolute; border-width: 8px 8px 8px 0; border-style: solid solid solid none; border-color: transparent #e64056 transparent; top: 12px; left: -6px; } .scoop-form-wrapper button:hover:before { border-right-color: #e54040; } .scoop-form-wrapper button:focus:before, .scoop-form-wrapper button:active:before { border-right-color: #c42f2f; } .scoop-form-wrapper button::-moz-focus-inner { border: 0; padding: 0; } /*############################################################################## ####################### Search Item CSS Close ################### ###############################################################################*/ a:focus { outline: none; outline: 0px auto -webkit-focus-ring-color; outline-offset: 0px; } .scoop .scoop-container { position: relative; } .scoop .scoop-header { display: block; color: #414141; width: 100%; z-index: 1024; } .scoop .scoop-navbar { display: block; height: 40px; width: 100%; z-index: 1024; webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1); -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1); box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1); } .scoop-main-container { display: block; } .scoop .scoop-content { position: relative; display: block; } .scoop .scoop-inner-content { padding: 10px; } /* ########### Header CSS Style Start Here ############################## */ .scoop .scoop-header .scoop-left-header { float: left; min-width: 230px; padding: 0 10px; } .scoop .scoop-header .scoop-right-header { padding: 0 10px; } .scoop .scoop-header .scoop-right-header .scoop-rl-header { float: left; } .scoop .scoop-header .scoop-right-header .scoop-rr-header { text-align: right; } /* ########### Header CSS Style Close Here ############################## */ .scoop .scoop-brand { float: left; } .scoop .scoop-brand a .scoop-brand-text {font-size: 13px; letter-spacing: 2px; font-family: 'Roboto'; font-weight: 500;} .scoop[scoop-device-type="desktop"] .scoop-brand .menu-toggle, .scoop[scoop-device-type="tablet"] .scoop-brand .menu-toggle { display: none; } .scoop .scoop-brand .menu-toggle a { text-decoration: none; } .scoop .scoop-brand .menu-toggle a i { font-size: 18px; } .scoop .scoop-navbar .scoop-item { display: block; list-style: none; margin: 0; padding: 0; position: relative; } .scoop .scoop-navbar .scoop-item>li { display: block; list-style: outside none none; margin: 0; padding: 0; position: relative; } .scoop .scoop-navbar .scoop-item>li>a { display: block; font-size: 10px; padding: 0 14px 0 12px; text-decoration: none; position: relative; line-height: 37px; } .scoop .scoop-navbar .scoop-item>li.scoop-hasmenu>a { line-height: 37px; } .scoop .scoop-navbar .scoop-item>li:hover>a {} .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu { list-style: outside none none; margin: 0; padding: 0; } .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu li { display: block; list-style: outside none none; margin: 0; padding: 0; position: relative; } .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu li>a { display: block; font-size: 14px; padding: 0 8px; text-decoration: none; position: relative; } /* .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a { padding-left:15px; transition: padding .3s; transition-property: padding; transition-duration: 0.3s; transition-timing-function: initial; transition-delay: initial; } */ .scoop .scoop-navbar .scoop-item>li>a>.scoop-micon { font-size: 14px; padding: 0 5px 0 0; } .scoop .scoop-navbar .scoop-item.scoop-search-item>li>a>.scoop-micon { padding: 0 5px 0 7px; } .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu li>a .scoop-micon { font-size: 13px; padding-right: 5px; } .scoop[horizontal-layout="wide"] .scoop-container { width: 100%; display: block; } .scoop[horizontal-layout="box"] .scoop-container { display: block; margin: 0 auto; max-width: 1200px; width: 100%; } .scoop[theme-layout="horizontal"][horizontal-layout="box"] .scoop-header[scoop-header-position="fixed"] { max-width: 1200px; } .scoop[theme-layout="horizontal"][horizontal-layout="box"] .scoop-navbar[scoop-navbar-position="fixed"] { max-width: 1200px; } .scoop[theme-layout="horizontal"][horizontal-layout="box"] .scoop-navbar.stickybar { max-width: 1200px; } .scoop[horizontal-layout="widebox"] .scoop-container { width: 100%; } .scoop[horizontal-layout="widebox"] .scoop-header .scoop-wrapper { display: block; margin: 0 auto; max-width: 1200px; width: 100%; } .scoop[horizontal-layout="widebox"] .scoop-navbar .scoop-wrapper { display: block; margin: 0 auto; max-width: 1200px; width: 100%; } .scoop[horizontal-layout="widebox"] .scoop-content .scoop-wrapper { display: block; margin: 0 auto; max-width: 1200px; width: 100%; } .scoop[horizontal-layout="wide"][horizontal-placement="bottom"] .scoop-navbar { width: 100%; } .scoop[horizontal-layout="box"][horizontal-placement="bottom"] .scoop-navbar { margin: 0 auto; max-width: 1200px; width: 100%; } .scoop[horizontal-layout="widebox"][horizontal-placement="bottom"] .scoop-navbar { width: 100%; } .scoop .scoop-navbar .scoop-item {} .scoop .scoop-navbar .scoop-item>li { float: left; } .scoop .scoop-navbar .scoop-item>li.active>a { background: ; color: ; } .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu { position: absolute; min-width: 206px; z-index: 1; /* box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.26); */ border-top-style: solid; border-top-width: 1px; } .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu li>a { font-size: 13px; font-weight: 500; line-height: 38px; text-align: left; } .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu li:hover>a { background: ; color: ; } .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu li.active>a { background: ; color; } .scoop .scoop-navbar .scoop-item .scoop-submenu .scoop-submenu { position: absolute; min-width: 200px; z-index: 1; /* box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.26); */ left: 100%; top: -1px; } .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu { opacity: 0; visibility: hidden; } .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu { -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -o-transition: -o-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu { transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-90deg); -o-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg); } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item .scoop-hasmenu.scoop-trigger>.scoop-submenu { opacity: 1; visibility: visible; transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); } /* ############################# New Css Start Here ######################################## */ /*###########################Horiozontal Componet Position CSS Start Here ###############################*/ .scoop[theme-layout="horizontal"] .scoop-navbar[ scoop-navbar-position="relative"] { position: relative; } .scoop[theme-layout="horizontal"] .scoop-navbar[ scoop-navbar-position="fixed"] { position: fixed; } .scoop[theme-layout="horizontal"] .scoop-navbar[ scoop-navbar-position="absolute"] { position: absolute; } .scoop[theme-layout="horizontal"] .scoop-header[scoop-header-position="relative"] { position: relative; } .scoop[theme-layout="horizontal"] .scoop-header[scoop-header-position="fixed"] { position: fixed; } .scoop[theme-layout="horizontal"] .scoop-header[scoop-header-position="absolute"] { position: absolute; } /*###########################Horiozontal Componet Position CSS Close Here ###############################*/ /*###########################Horiozontal Navigation Placement CSS Start Here ###############################*/ .scoop[theme-layout="horizontal"][horizontal-placement="top"] .scoop-navbar {} .scoop[theme-layout="horizontal"][horizontal-placement="bottom"] .scoop-navbar {} /*###########################Horiozontal Navigation Placemention CSS Close Here ###############################*/ .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-brand.scoop-left-align { float: left; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-left-item.scoop-left-align { float: right; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-right-item.scoop-left-align { float: left; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-search-item.scoop-left-align { float: left; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-brand.scoop-right-align { float: right; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-left-item.scoop-right-align { float: right; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-right-item.scoop-right-align { float: right; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-search-item.scoop-right-align { float: right; } /* Border Style CSS Start Here */ .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item[item-border="true"][item-border-style="dashed"]>li>a { border-right-style: dashed; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item[item-border="true"][item-border-style="dotted"]>li>a { border-right-style: dotted; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item[item-border="true"][item-border-style="solid"]>li>a { border-right-style: solid; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item[item-border="true"][item-border-style="dashed"] .scoop-hasmenu .scoop-submenu li>a { border-bottom-style: dashed; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item[item-border="true"][item-border-style="dotted"] .scoop-hasmenu .scoop-submenu li>a { border-bottom-style: dotted; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item[item-border="true"][item-border-style="solid"] .scoop-hasmenu .scoop-submenu li>a { border-bottom-style: solid; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item[item-border="false"]>li>a { border-right-width: 0px; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item[item-border="true"]>li>a { border-right-width: 1px; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item[subitem-border="false"] .scoop-hasmenu .scoop-submenu li>a { border-bottom-width: 0px; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item[subitem-border="true"] .scoop-hasmenu .scoop-submenu li>a { border-bottom-width: 1px; } /* Border Style CSS Close Here */ /* #####################Item Border Stle Css Close Here #####################*/ /* DropDown Icon Style Start Here */ .scoop .scoop-navbar .scoop-item .scoop-submenu li.scoop-hasmenu>a:after { content: ""; font-family: FontAwesome; font-style: normal; margin-left: 3px; position: relative; float: right; top: 1px; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item>li.scoop-hasmenu>a:after, .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item>li.scoop-hasmenu.active>a:after, .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item>li.scoop-hasmenu.scoop-trigger>a:after { font-style: normal; margin-left: 3px; font-size: 10px; padding-left: 5px; position: relative; } /*.scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item>li.scoop-hasmenu[dropdown-icon="style1"]>a::after { content: "\e604"; font-family: simple-line-icons; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item>li.scoop-hasmenu.scoop-trigger[dropdown-icon="style1"]>a:after { content: "\e607"; font-family: simple-line-icons; }*/ .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item>li.scoop-hasmenu[dropdown-icon="style2"]>a:after { content: "\f0d7"; font-family: FontAwesome; font-size: 13px; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item>li.scoop-hasmenu.scoop-trigger[dropdown-icon="style2"]>a:after { content: "\f0d8"; font-family: FontAwesome; font-size: 13px; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item>li.scoop-hasmenu[dropdown-icon="style3"]>a:after { content: "\f218"; font-family: Ionicons; font-size: 11px; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item>li.scoop-hasmenu.scoop-trigger[dropdown-icon="style3"]>a:after { content: "\f209"; font-family: Ionicons; font-size: 11px; } /*################## Style Selector Theme Color Start ###########################*/ .scoop #styleSelector { /* background-color: rgba(255, 255, 255, .1); */ background: #ddd; border: 1px solid #ddd; border-radius: 6px; height: auto; margin-top: 50px; padding: 15px; position: relative; width: 100%; } #styleSelector ul { border: 0 none; margin: 0; padding: 0; width: 100%; } #styleSelector ul li { border-bottom: 0px solid #e9e9e9; display: block; margin: 0; padding: 10px; text-align: left; min-width: 220px; display: inline-block; } #styleSelector ul li p.selector-title { border-bottom: 1px solid #e9e9e9; color: #9c9c9c; font-size: 14px; margin: 0; padding: 6px; text-align: center; } #styleSelector>ul>li>.sub-title { /* border-bottom: 1px solid #ddd; */ color: #9c9c9c; display: block; font-size: 15px; margin: 0 0 10px; padding: 5px 0; position: relative; text-align: left; font-weight: 500; } #styleSelector li { padding: 5px; } .theme-option label { color: #8e8e8e; display: inline-block; font-weight: 500; margin-bottom: 5px; max-width: 100%; } .theme-option select { background-color: #f1f1f1; border: 1px solid #ccc; border-radius: 2px; padding: 3px 10px; display: block; width: 100%; } @-moz-document url-prefix() { .theme-option select { /* border: 0 !important; */ /*Removes border*/ -webkit-appearance: none !important; /*Removes default chrome and safari style*/ -moz-appearance: none !important; /* Removes Default Firefox style*/ background: #FFF url(../images/select-arrow.png) no-repeat 95% center !important; width: 100% !important; /*Width of select dropdown to give space for arrow image*/ text-indent: 0.01px; /* Removes default arrow from firefox*/ text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/ color: #555; border-radius: 4px; font: inherit; line-height: 1.5em; border: 1px solid #ddd !important; } } .theme-color { padding: 0px; width: 100%; } /**/ .theme-color a { border-radius: 0%; cursor: pointer; display: inline-block; height: 18px; width: 18px; margin: 0px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } .theme-color a:hover, .theme-color a:focus { text-decoration: none; } /*Left Header style selector Css start here*/ .theme-color a[lheader-theme="theme1"] { background: #2a394f; } .theme-color a[lheader-theme="theme2"] { background: #FFF; } .theme-color a[lheader-theme="theme3"] { background: #e9e9e9; } .theme-color a[lheader-theme="theme4"] { background: #354052; } .theme-color a[lheader-theme="theme5"] { background: #2b64a4; } .theme-color a[lheader-theme="theme6"] { background: #624e89; } .theme-color a[lheader-theme="theme7"] { background: #0b9c8f; } .theme-color a[lheader-theme="theme8"] { background: #3f5485; } .theme-color a[lheader-theme="theme9"] { background: #3c4fb1; } /*Left Header style selector CSS Close here*/ /*Header style selector Css start here*/ .theme-color a[header-theme="theme1"] { background: #364760; } .theme-color a[header-theme="theme2"] { background: #FFF; } .theme-color a[header-theme="theme3"] { background: #f5f5f5; } .theme-color a[header-theme="theme4"] { background: #354052; } .theme-color a[header-theme="theme5"] { background: #3c75b5; } .theme-color a[header-theme="theme6"] { background: #624e89; } .theme-color a[header-theme="theme7"] { background: #0aa699; } .theme-color a[header-theme="theme8"] { background: #4e6ca5; } .theme-color a[header-theme="theme9"] { background: #485bbd; } /*Header style selector CSS Close here*/ /*Navbar style selector Css start here*/ .theme-color a[navbar-theme="theme1"] { background: #364760; } .theme-color a[navbar-theme="theme2"] { background: #FFF; } .theme-color a[navbar-theme="theme3"] { background: #f5f5f5; } .theme-color a[navbar-theme="theme4"] { background: #354052; } .theme-color a[navbar-theme="theme5"] { background: #3c75b5; } .theme-color a[navbar-theme="theme6"] { background: #624e89; } .theme-color a[navbar-theme="theme7"] { background: #0aa699; } .theme-color a[navbar-theme="theme8"] { background: #3f5485; } .theme-color a[navbar-theme="theme9"] { background: #485bbd; } /*Navbar style selector CSS Close here*/ /*Active Item style selector Css start here*/ .theme-color a[active-item-theme="theme1"] { background: #ff5e3a; } .theme-color a[active-item-theme="theme2"] { background: #0096b1; } .theme-color a[active-item-theme="theme3"] { background: #e64056; } .theme-color a[active-item-theme="theme4"] { background: #f39e10; } .theme-color a[active-item-theme="theme5"] { background: #8eb021; } .theme-color a[active-item-theme="theme6"] { background: #967adc; } .theme-color a[active-item-theme="theme7"] { background: #fe9375; } .theme-color a[active-item-theme="theme8"] { background: #565a90; } /*Active Item style selector CSS Close here*/ /*Subitem style selector Css start here*/ .theme-color a[sub-item-theme="theme1"] { background: #70ca63; } .theme-color a[sub-item-theme="theme2"] { background: #3498DB; } .theme-color a[sub-item-theme="theme3"] { background: #485BBD; } .theme-color a[sub-item-theme="theme4"] { background: #e7604a; } .theme-color a[sub-item-theme="theme5"] { background: #333843; } .theme-color a[sub-item-theme="theme6"] { background: #624e89; } .theme-color a[sub-item-theme="theme7"] { background: #FFF; } .theme-color a[sub-item-theme="theme8"] { background: #384b5f; } .theme-color a[sub-item-theme="theme9"] { background: #578ebe; } /*Subitem style selector CSS Close here*/ /*background Pattern style selector Css start here*/ .theme-color a[themebg-pattern="pattern1"] { background-image: url("../images/pattern1.html"); } .theme-color a[themebg-pattern="pattern2"] { background-image: url("../images/pattern2.html"); } .theme-color a[themebg-pattern="pattern3"] { background-image: url("../images/pattern3.html"); } .theme-color a[themebg-pattern="pattern4"] { background-image: url("../images/pattern4.html"); } .theme-color a[themebg-pattern="pattern5"] { background-image: url("../images/pattern5.html"); } .theme-color a[themebg-pattern="pattern6"] { background-image: url("../images/pattern6.html"); } .theme-color a[themebg-pattern="pattern7"] { background-image: url("../images/pattern7.html"); } .theme-color a[themebg-pattern="pattern8"] { background-image: url("../images/pattern8.html"); } .theme-color a[themebg-pattern="pattern9"] { background-image: url("../images/pattern9.html"); } /*background Pattern style selector CSS Close here*/ /* Plugin Option Panel Csss Close Here */ li.edge>ul { left: auto !important; right: 100%; } .stickybar { height: 40px; position: fixed; top: 0; width: 100% !important; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item>.scoop-hasmenu.edge.scoop-trigger>.scoop-submenu { right: 0px; } /* li.casa-hasmenu .casa-submenu > li.casa-hasmenu.edge > a::after { content: "ï„€" !important; float: right; font-family: FontAwesome; font-size: 18px; position: relative; } */ /*############################################################################## Navigation Bottom Placement CSS Start ###############################################################################*/ .scoop[horizontal-layout="wide"][horizontal-placement="bottom"] .scoop-navbar { bottom: 0; position: fixed; } .scoop[horizontal-layout="box"][horizontal-placement="bottom"] .scoop-navbar { bottom: 0; position: fixed; } .scoop[horizontal-layout="widebox"][horizontal-placement="bottom"] .scoop-navbar { bottom: 0; position: fixed; } .scoop[horizontal-placement="bottom"] .scoop-navbar .scoop-item>.scoop-hasmenu>.scoop-submenu { bottom: 40px; } .scoop[horizontal-placement="bottom"] .scoop-navbar .scoop-item .scoop-submenu .scoop-submenu { bottom: 0; top: auto; } .scoop[horizontal-placement="bottom"] .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu { border-bottom-style: solid; border-bottom-width: 1px; border-top-width: 0px; } /* ########### SubMenu Cart CSS Start ########### */ .scoop[horizontal-placement="top"] .scoop-navbar .scoop-item>li.scoop-hasmenu.scoop-trigger>a>.scoop-mcaret { background: transparent none repeat scroll 0 0; border-bottom-style: solid; border-bottom-width: 7px; border-left: 8px solid transparent; border-right: 8px solid transparent; bottom: 0; display: block; float: right; height: 0; margin: 0 auto; position: absolute; right: 50%; width: 0; } .scoop[theme-layout="horizontal"][horizontal-placement="top"] .scoop-navbar .scoop-item>li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-style: solid; border-top-width: 1px; } .scoop[theme-layout="horizontal"][horizontal-placement="top"] .scoop-navbar .scoop-item>li.scoop-hasmenu.scoop-trigger.active>a>.scoop-mcaret { border-bottom-width: 7px; border-bottom-style: solid; } .scoop[horizontal-placement="bottom"] .scoop-navbar .scoop-item>li.scoop-hasmenu.scoop-trigger>a>.scoop-mcaret { background: transparent none repeat scroll 0 0; border-top-style: solid; border-top-width: 7px; border-left: 8px solid transparent; border-right: 8px solid transparent; top: 0; display: block; float: right; height: 0; margin: 0 auto; position: absolute; right: 50%; width: 0; } .scoop[theme-layout="horizontal"][horizontal-placement="bottom"] .scoop-navbar .scoop-item>li.scoop-hasmenu.scoop-trigger.active>a>.scoop-mcaret { border-top-width: 7px; border-top-style: solid; } .scoop .scoop-navbar .scoop-item[subitem-border="true"] .scoop-hasmenu .scoop-submenu>li:last-child>a { border-bottom-color: transparent !important; } /* ########### SubMenu Cart CSS Close ########### */ /*############################################################################## Navigation Bottom Placement CSS Close ###############################################################################*/ .scoop[theme-layout="horizontal"][scoop-device-type="tablet"] .scoop-navbar .scoop-item>li>a { padding: 0 8px; } .scoop[theme-layout="horizontal"][scoop-device-type="tablet"] .scoop-navbar .scoop-item>li>a>.scoop-micon { display: none; } .scoop[theme-layout="horizontal"][scoop-device-type="tablet"] .scoop-navbar .scoop-item.scoop-search-item>li>a>.scoop-micon { display: block; } .scoop[theme-layout="horizontal"][scoop-device-type="tablet"] .scoop-navbar .scoop-brand.scoop-left-align { /* display: none; */ } /* ############################################################################## *************** Centered Horizontal Navigation CSS Start *************** ################################################################################ */ .scoop[theme-layout="horizontal"][scoop-device-type="desktop"] .scoop-navbar.isCentered, .scoop[theme-layout="horizontal"][scoop-device-type="tablet"] .scoop-navbar.isCentered { text-align: center; } .scoop[scoop-device-type="desktop"] .scoop-navbar .scoop-item>li.fullwidth-drop.scoop-hasmenu .scoop-submenu, .scoop[scoop-device-type="tablet"] .scoop-navbar .scoop-item>li.fullwidth-drop.scoop-hasmenu .scoop-submenu { text-align: left; } .scoop[theme-layout="horizontal"] .scoop-navbar.isCentered .scoop-brand { display: inline-block; float: none; float: unset; margin-top: 0px; position: relative; top: -13px; } .scoop[theme-layout="horizontal"] .scoop-navbar.isCentered .scoop-left-item { display: inline-block; } .scoop[theme-layout="horizontal"] .scoop-navbar.isCentered .scoop-right-item { display: inline-block; } .scoop[theme-layout="horizontal"] .scoop-navbar.isCentered .scoop-search-item { display: inline-block; } .scoop .scoop-navbar.isCentered .scoop-item>li { display: inline-block; } /* ############################################################################## *************** Centered Horizontal Navigation CSS Close *************** ################################################################################ */ /* ############################################################################## ************ Horizontal Navigation dropDown FullWidth CSS Start ******** ################################################################################ */ .scoop[theme-layout="horizontal"][scoop-device-type="desktop"] .scoop-navbar .scoop-inner-navbar, .scoop[theme-layout="horizontal"][scoop-device-type="tablet"] .scoop-navbar .scoop-inner-navbar { position: relative; } .scoop[theme-layout="horizontal"][scoop-device-type="desktop"] .scoop-navbar .scoop-item, .scoop[theme-layout="horizontal"][scoop-device-type="tablet"] .scoop-navbar .scoop-item { position: static; position: static; } .scoop[theme-layout="horizontal"][scoop-device-type="desktop"] .scoop-navbar .scoop-item>li.fullwidth-drop, .scoop[theme-layout="horizontal"][scoop-device-type="tablet"] .scoop-navbar .scoop-item>li.fullwidth-drop { position: static; position: static; } .scoop[theme-layout="horizontal"][scoop-device-type="desktop"] .scoop-navbar .scoop-item>li.fullwidth-drop.scoop-hasmenu .scoop-submenu, .scoop[theme-layout="horizontal"][scoop-device-type="tablet"] .scoop-navbar .scoop-item>li.fullwidth-drop.scoop-hasmenu .scoop-submenu { min-width: 200px; width: 100%; left: 0; right: 0; top: auto; } .scoop[theme-layout="horizontal"][scoop-device-type="desktop"] .scoop-navbar .scoop-item>li.fullwidth-drop.scoop-hasmenu .scoop-submenu li, .scoop[theme-layout="horizontal"][scoop-device-type="tablet"] .scoop-navbar .scoop-item>li.fullwidth-drop.scoop-hasmenu .scoop-submenu li { display: inline-block; } .scoop[theme-layout="horizontal"][scoop-device-type="desktop"] .scoop-navbar .scoop-item>li.fullwidth-drop.scoop-hasmenu .scoop-submenu li, .scoop[theme-layout="horizontal"][scoop-device-type="tablet"] .scoop-navbar .scoop-item>li.fullwidth-drop.scoop-hasmenu .scoop-submenu li { position: static; position: static; } .scoop[theme-layout="horizontal"][scoop-device-type="desktop"].scoop-navbar .scoop-item>li.fullwidth-drop .scoop-submenu .scoop-submenu, .scoop[theme-layout="horizontal"][scoop-device-type="tablet"].scoop-navbar .scoop-item>li.fullwidth-drop .scoop-submenu .scoop-submenu { top: 100%; left: 0; } .scoop .scoop-navbar .scoop-item[subitem-border="true"] .scoop-hasmenu.fullwidth-drop .scoop-submenu li>a { border-bottom-width: 0px; } .scoop[horizontal-placement="bottom"] .scoop-navbar .scoop-item>.scoop-hasmenu.fullwidth-drop>.scoop-submenu { bottom: 100%; } .scoop[horizontal-placement="bottom"] .scoop-navbar .scoop-item>.scoop-hasmenu.fullwidth-drop>.scoop-submenu>.scoop-hasmenu>.scoop-submenu { bottom: 100%; } .scoop .scoop-navbar .scoop-item .scoop-hasmenu.fullwidth-drop .scoop-submenu li>a { display: inline-block; } /* ############################################################################## ************ Horizontal Navigation dropDown FullWidth CSS Close ******** ################################################################################ */ /* ############################################################################## ************ Horizontal Navigation Half Mega menu CSS Start ******** ################################################################################ */ .scoop-inner-navbar { position: relative; } .scoop .scoop-navbar .scoop-item { position: static; } .scoop .scoop-navbar .scoop-item>li.megamenu-half { position: static; } .scoop .scoop-navbar .scoop-item>li.megamenu-half.scoop-hasmenu .scoop-submenu { left: auto; min-width: 200px; right: auto; width: 50%; } .scoop .megamenu-half .scoop-submenu { padding: 10px !important; color: #b4bcc8; } .scoop[horizontal-placement="bottom"] .scoop-navbar .scoop-item>.scoop-hasmenu.megamenu-half>.scoop-submenu { bottom: 100%; } /* ############################################################################## ************ Horizontal Navigation Half Mega menu CSS Close ******** ################################################################################ */ /* ############################################################################## ************ Horizontal Navigation Full Mega menu CSS Start ******** ################################################################################ */ .scoop-inner-navbar { position: relative; } .scoop .scoop-navbar .scoop-item { position: static; } .scoop .scoop-navbar .scoop-item>li.megamenu-full { position: static; } .scoop .scoop-navbar .scoop-item>li.megamenu-full.scoop-hasmenu .scoop-submenu { left: 0; min-width: 200px; right: 0; width: 100%; } .scoop .megamenu-full .scoop-submenu { padding: 10px !important; color: #b4bcc8; } .scoop[horizontal-placement="bottom"] .scoop-navbar .scoop-item>.scoop-hasmenu.megamenu-full>.scoop-submenu { bottom: 100%; } .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul { margin: 0; padding: 0; } .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li { display: block; list-style: outside none none;border-bottom: 1px solid #ffffff69; } .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a { border-bottom-width: 0 !important; font-size: 13px; font-weight: 500; line-height: 23px; padding: 0; text-decoration: none; } .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a:hover { text-decoration: none; background: transparent !important; color: #FFF; } .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li.title { display: block; font-size: 13px; font-weight: 600; padding: 10px 0; margin-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; } .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu .scoop-gridbox { border-radius: 2px; font-size: 10px; margin-bottom: 11px; min-height: 23px; padding-top: 5px; text-align: center; } /* ############################################################################## ************ Horizontal Navigation Full Mega menu CSS Close ******** ################################################################################ */ /* Handle Horizontal menu on Phone CSS Start */ .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-header .scoop-rl-header { display: none; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-header .scoop-right-header .scoop-rr-header { text-align: center; } .scoop[theme-layout="horizontal"][scoop-device-type="desktop"] .scoopbrand-xs, .scoop[theme-layout="horizontal"][scoop-device-type="tablet"] .scoopbrand-xs { height: 40px; width: 100%; padding: 0px; margin: 0px; position: relative; display: none; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoopbrand-xs { height: 40px; width: 100%; padding: 0px; margin: 0px; position: relative; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoopbrand-xs .scoop-brand a { font-family: lato; font-size: 20px !important; font-weight: 700; line-height: 40px; padding: 0 10px; text-decoration: none; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoopbrand-xs .menu-toggle { float: right; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar { background: transparent !important; height: auto; padding: 10px 10px 0; position: absolute; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-inner-navbar { height: auto; position: relative; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-brand a { display: none; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar { opacity: 0; visibility: hidden; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar { -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -o-transition: -o-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar { transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-90deg); -o-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg); } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar.show-menu { opacity: 1; visibility: visible; transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-brand a { font-family: lato; font-size: 20px !important; font-weight: 700; line-height: 40px; padding: 0 10px; text-decoration: none; } .scoop[scoop-device-type="desktop"] .scoop-navbar .scoop-brand .menu-toggle, .scoop[scoop-device-type="tablet"] .scoop-navbar .scoop-brand .menu-toggle, .scoop[scoop-device-type="phone"] .scoop-navbar .scoop-brand .menu-toggle { display: none; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-brand .menu-toggle { float: right; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-brand { float: unset !important; float: none !important; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-item { display: block; float: none !important; position: relative; width: 100%; z-index: 1; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-item>li { float: none; display: block; position: relative; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-item[item-border="true"]>li>a { border-right-width: 0px; border-bottom-width: 1px; border-bottom-style: solid; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-item[item-border="true"]>li.scoop-trigger>a { border-bottom-width: 0px; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-item>.scoop-hasmenu>.scoop-submenu { min-width: 100%; z-index: 2; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-item>.scoop-hasmenu.scoop-trigger>.scoop-submenu { position: relative; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-item>.scoop-hasmenu>.scoop-submenu>.scoop-hasmenu>.scoop-submenu { left: 0; min-width: 100%; right: 0; top: 0; z-index: 1; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-item>.scoop-hasmenu>.scoop-submenu>.scoop-hasmenu.scoop-trigger>.scoop-submenu { position: relative; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-item>.scoop-hasmenu>.scoop-submenu>.scoop-hasmenu>.scoop-submenu>.scoop-hasmenu>.scoop-submenu { left: 0; min-width: 100%; right: 0; top: 0; z-index: 1; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-item>.scoop-hasmenu>.scoop-submenu>.scoop-hasmenu.scoop-trigger>.scoop-submenu>.scoop-hasmenu.scoop-trigger>.scoop-submenu { position: relative; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"][horizontal-placement="bottom"] .scoop-navbar { bottom: auto; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-header { height: auto;margin-top: 12px; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-item>li.scoop-hasmenu>a:after, .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-item>li.scoop-hasmenu.active>a:after, .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-item>li.scoop-hasmenu.scoop-trigger>a:after { position: absolute; right: 13px; } /* Handle Horizontal menu on Phone CSS Close */ /*################################################################################################## ***************************** Horizontal Theme CSS Style Start here ************************** ####################################################################################################*/ /* ######################### Horizontal Navbar Theme 1 #################################*/ .scoop .scoop-navbar[navbar-theme="theme1"] { background: #364760 none repeat scroll 0 0; } .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item .scoop-hasmenu .scoop-submenu { background: #2a3b54; } .scoop[theme-layout="horizontal"] .scoop-navbar[navbar-theme="theme1"] .scoop-item[item-border="true"]>li>a { border-right-color: #40516a; } .scoop[theme-layout="horizontal"] .scoop-navbar[navbar-theme="theme1"] .scoop-item[subitem-border="true"] .scoop-hasmenu .scoop-submenu li>a { border-bottom-color: #34455e; } .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-brand a { color: #fff; } .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-brand a .scoop-brand-text .small-text { color: #f39e10; } .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-brand .menu-toggle a { color: #fff; } .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item>li>a { color: #cbd3df; } .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item .scoop-hasmenu .scoop-submenu li>a { color: #cbd3df; } .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item>li:hover>a { background: #233146; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item>li.active>a { background: #233146; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover>a { background: #233146; color: #fff; } .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item .scoop-hasmenu .scoop-submenu li.active>a { background: #233146; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item .scoop-hasmenu .scoop-submenu { border-top-color: #f39e10; } .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item>li.scoop-hasmenu.scoop-trigger>a>.scoop-mcaret { border-bottom-color: #f39e10; } .scoop[theme-layout="horizontal"] .scoop-navbar[navbar-theme="theme1"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #f39e10; } .scoop[theme-layout="horizontal"] .scoop-navbar[navbar-theme="theme1"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active>a>.scoop-mcaret { border-bottom-color: #f39e10; } .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li.title { border-bottom-color: #40516a; color: #cbd3df; } .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu .scoop-gridbox { background: #40516a; color: #cbd3df; } .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a { color: #cbd3df; } .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a:hover { color: #FFF; } .scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme1"] .scoop-inner-navbar { background: #364760; } .scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme1"] .scoop-item[item-border="true"]>li>a { border-bottom-color: #42536c; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme1"] .scoop-item .scoop-hasmenu .scoop-submenu { border-bottom-color: #f39e10; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme1"] .scoop-item>li.scoop-hasmenu.scoop-trigger>a>.scoop-mcaret { border-top-color: #f39e10; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme1"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #f39e10; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme1"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active>a>.scoop-mcaret { border-bottom-color: #f39e10; } .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-form-wrapper button:before { border-color: transparent #f39e10 transparent; } .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-form-wrapper button:hover:before { border-right-color: #f39e10; } .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-form-wrapper button { background: #f39e10; color: #000; } .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-form-wrapper button:hover { background: #f39e10; color: #000; } /* Navbar Theme 2 */ .scoop .scoop-navbar[navbar-theme="theme2"] { background: #FFF none repeat scroll 0 0; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item .scoop-hasmenu .scoop-submenu { background: #FFF; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item[item-border="true"]>li>a { border-right-color: #f5f5f5; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item[subitem-border="true"] .scoop-hasmenu .scoop-submenu li>a { border-bottom-color: #f5f5f5; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-brand a { color: #858b89; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-brand a .scoop-brand-text .small-text { color: #f39e10; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-brand .menu-toggle a { color: #678098; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item>li>a { color: #6e6e6e; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item .scoop-hasmenu .scoop-submenu li>a { color: #6e6e6e; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item>li:hover>a { background: #f1f1f1; color: #414141; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item>li.active>a { background: #f1f1f1; color: #414141; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover>a { background: #f1f1f1; color: #414141; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item .scoop-hasmenu .scoop-submenu li.active>a { background: #f1f1f1; color: #414141; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item .scoop-hasmenu .scoop-submenu { border-top-color: #dddddd; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item>li.scoop-hasmenu.scoop-trigger>a>.scoop-mcaret { border-bottom-color: #dddddd; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #dddddd; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active>a>.scoop-mcaret { border-bottom-color: #dddddd; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li.title { border-bottom-color: #dddddd; color: #6d6d6d; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu .scoop-gridbox { background: #ededed; color: #6d6d6d; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a { color: #6e6e6e; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a:hover { color: #000; } .scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme2"] .scoop-inner-navbar { background: #FFF; } .scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme2"] .scoop-item[item-border="true"]>li>a { border-bottom-color: #f5f5f5; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme2"] .scoop-item .scoop-hasmenu .scoop-submenu { border-bottom-color: #dddddd; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme2"] .scoop-item>li.scoop-hasmenu.scoop-trigger>a>.scoop-mcaret { border-top-color: #dddddd; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme2"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #dddddd; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme2"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active>a>.scoop-mcaret { border-bottom-color: #dddddd; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-form-wrapper button:before { border-color: transparent #dddddd transparent; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-form-wrapper button:hover:before { border-right-color: #dddddd; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-form-wrapper button { background: #dddddd; color: #000; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-form-wrapper button:hover { background: #dddddd; color: #000; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-form-wrapper input:focus { background: #f1f1f1; } /* Navbar Theme 3 */ .scoop .scoop-navbar[navbar-theme="theme3"] { background: #f5f5f5; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item .scoop-hasmenu .scoop-submenu { background: #f5f5f5; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item[item-border="true"]>li>a { border-right-color: #eeeeee; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item[subitem-border="true"] .scoop-hasmenu .scoop-submenu li>a { border-bottom-color: #eeeeee; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-brand a { color: #858b89; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-brand a .scoop-brand-text .small-text { color: #f39e10; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-brand .menu-toggle a { color: #678098; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item>li>a { color: #767c7a; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item .scoop-hasmenu .scoop-submenu li>a { color: #767c7a; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item>li:hover>a { background: #FFF; color: #414141; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item>li.active>a { background: #FFF; color: #414141; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover>a { background: #FFF; color: #414141; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item .scoop-hasmenu .scoop-submenu li.active>a { background: #FFF; color: #414141; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item .scoop-hasmenu .scoop-submenu { border-top-color: #eaeaea; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item>li.scoop-hasmenu.scoop-trigger>a>.scoop-mcaret { border-bottom-color: #eaeaea; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #eaeaea; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li.title { border-bottom-color: #e4e4e4; color: #666666; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu .scoop-gridbox { background: #ededed; color: #6d6d6d; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a { color: #767c7a; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a:hover { color: #000; } .scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme3"] .scoop-inner-navbar { background: #f5f5f5; } .scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme3"] .scoop-item[item-border="true"]>li>a { border-bottom-color: #eeeeee; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme3"] .scoop-item .scoop-hasmenu .scoop-submenu { border-bottom-color: #eaeaea; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme3"] .scoop-item>li.scoop-hasmenu.scoop-trigger>a>.scoop-mcaret { border-top-color: #eaeaea; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme3"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #eaeaea; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme3"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active>a>.scoop-mcaret { border-bottom-color: #eaeaea; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-form-wrapper button:before { border-color: transparent #eaeaea transparent; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-form-wrapper button:hover:before { border-right-color: #eaeaea; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-form-wrapper button { background: #eaeaea; color: #000; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-form-wrapper button:hover { background: #eaeaea; color: #000; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-form-wrapper input:focus { background: #FFF; } /* Navbar Theme 4 */ .scoop .scoop-navbar[navbar-theme="theme4"] { background: #354052; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item .scoop-hasmenu .scoop-submenu { background: #3e495b; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item[item-border="true"]>li>a { border-right-color: #485468; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item[subitem-border="true"] .scoop-hasmenu .scoop-submenu li>a { border-bottom-color: #485468; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-brand a { color: #b4bcc8; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-brand a .scoop-brand-text .small-text { color: #e64056; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-brand .menu-toggle a { color: #b4bcc8; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item>li>a { color: #b4bcc8; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item .scoop-hasmenu .scoop-submenu li>a { color: #b4bcc8; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item>li:hover>a { background: #3f4c61; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item>li.active>a { background: #3f4c61; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover>a { background: #3f4c61; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item .scoop-hasmenu .scoop-submenu li.active>a { background: #3f4c61; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item .scoop-hasmenu .scoop-submenu { border-top-color: #e64056; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item>li.scoop-hasmenu.scoop-trigger>a>.scoop-mcaret { border-bottom-color: #e64056; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #e64056; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li.title { border-bottom-color: #485468; color: #b4bcc8; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu .scoop-gridbox { background: #49566b; color: #b4bcc8; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a { color: #b4bcc8; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a:hover { color: #fff; } .scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme4"] .scoop-inner-navbar { background: #354052; } .scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme4"] .scoop-item[item-border="true"]>li>a { border-bottom-color: #485468; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme4"] .scoop-item .scoop-hasmenu .scoop-submenu { border-bottom-color: #e64056; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme4"] .scoop-item>li.scoop-hasmenu.scoop-trigger>a>.scoop-mcaret { border-top-color: #e64056; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme4"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #e64056; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme4"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active>a>.scoop-mcaret { border-bottom-color: #e64056; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-form-wrapper button:before { border-color: transparent #e64056 transparent; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-form-wrapper button:hover:before { border-right-color: #e64056; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-form-wrapper button { background: #e64056; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-form-wrapper button:hover { background: #e64056; color: #FFF; } /* Navbar Theme 5 */ .scoop .scoop-navbar[navbar-theme="theme5"] { background: #3c75b5; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item .scoop-hasmenu .scoop-submenu { background: #2b64a4; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item[item-border="true"]>li>a { border-right-color: #4f82bc; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item[subitem-border="true"] .scoop-hasmenu .scoop-submenu li>a { border-bottom-color: #356eae; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-brand a { color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-brand a .scoop-brand-text .small-text { color: #b9d4f2; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-brand .menu-toggle a { color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item>li>a { color: #b9d4f2; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item .scoop-hasmenu .scoop-submenu li>a { color: #b9d4f2; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item>li:hover>a { background: #4f82bc; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item>li.active>a { background: #4f82bc; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover>a { background: #4f82bc; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item .scoop-hasmenu .scoop-submenu li.active>a { background: #4f82bc; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item .scoop-hasmenu .scoop-submenu { border-top-color: #356eae; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item>li.scoop-hasmenu.scoop-trigger>a>.scoop-mcaret { border-bottom-color: #2b64a4; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #2b64a4; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li.title { border-bottom-color: #4f82bc; color: #b9d4f2; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu .scoop-gridbox { background: #4f82bc; color: #b9d4f2; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a { color: #b9d4f2; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a:hover { color: #fff; } .scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme5"] .scoop-inner-navbar { background: #3c75b5; } .scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme5"] .scoop-item[item-border="true"]>li>a { border-bottom-color: #5b8ec8; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme5"] .scoop-item .scoop-hasmenu .scoop-submenu { border-bottom-color: #2b64a4; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme5"] .scoop-item>li.scoop-hasmenu.scoop-trigger>a>.scoop-mcaret { border-top-color: #2b64a4; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme5"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #2b64a4; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme5"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active>a>.scoop-mcaret { border-bottom-color: #2b64a4; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-form-wrapper button:before { border-color: transparent #4f82bc transparent; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-form-wrapper button:hover:before { border-right-color: #4f82bc; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-form-wrapper button { background: #4f82bc; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-form-wrapper button:hover { background: #4f82bc; color: #FFF; } /* Navbar Theme 6 */ .scoop .scoop-navbar[navbar-theme="theme6"] { background: #583a63; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item .scoop-hasmenu .scoop-submenu { background: #51355b; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item[item-border="true"]>li>a { border-right-color: #684d72; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item[subitem-border="true"] .scoop-hasmenu .scoop-submenu li>a { border-bottom-color: #684d72; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-brand a { color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-brand a .scoop-brand-text .small-text { color: #af64cc; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-brand .menu-toggle a { color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item>li>a { color: #e0cee6; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item .scoop-hasmenu .scoop-submenu li>a { color: #e0cee6; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item>li:hover>a { background: #442a4d; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item>li.active>a { background: #442a4d; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover>a { background: #442a4d; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item .scoop-hasmenu .scoop-submenu li.active>a { background: #442a4d; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item .scoop-hasmenu .scoop-submenu { border-top-color: #684d72; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item>li.scoop-hasmenu.scoop-trigger>a>.scoop-mcaret { border-bottom-color: #684d72; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #684d72; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li.title { border-bottom-color: #684d72; color: #e0cee6; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu .scoop-gridbox { background: #684d72; color: #e0cee6; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a { color: #e0cee6; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a:hover { color: #fff; } .scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme6"] .scoop-inner-navbar { background: #583a63; } .scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme6"] .scoop-item[item-border="true"]>li>a { border-bottom-color: #684d72; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme6"] .scoop-item .scoop-hasmenu .scoop-submenu { border-bottom-color: #684d72; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme6"] .scoop-item>li.scoop-hasmenu.scoop-trigger>a>.scoop-mcaret { border-top-color: #684d72; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme6"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #684d72; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme6"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active>a>.scoop-mcaret { border-bottom-color: #684d72; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-form-wrapper button:before { border-color: transparent #684d72 transparent; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-form-wrapper button:hover:before { border-right-color: #684d72; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-form-wrapper button { background: #684d72; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-form-wrapper button:hover { background: #684d72; color: #FFF; } /* Navbar Theme 7 */ .scoop .scoop-navbar[navbar-theme="theme7"] { background: #0aa699; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item .scoop-hasmenu .scoop-submenu { background: #079185; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item[item-border="true"]>li>a { border-right-color: #1ab0a3; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item[subitem-border="true"] .scoop-hasmenu .scoop-submenu li>a { border-bottom-color: #0b9c8f; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-brand a { color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-brand a .scoop-brand-text .small-text { color: #004538; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-brand .menu-toggle a { color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item>li>a { color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item .scoop-hasmenu .scoop-submenu li>a { color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item>li:hover>a { background: #018a7d; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item>li.active>a { background: #018a7d; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover>a { background: #007b6f; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item .scoop-hasmenu .scoop-submenu li.active>a { background: #007b6f; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item .scoop-hasmenu .scoop-submenu { border-top-color: #1ab0a3; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item>li.scoop-hasmenu.scoop-trigger>a>.scoop-mcaret { border-bottom-color: #1ab0a3; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #1ab0a3; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li.title { border-bottom-color: #1ab0a3; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu .scoop-gridbox { background: #1ab0a3; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a { color: #dbdbdb; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a:hover { color: #fff; } .scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme7"] .scoop-inner-navbar { background: #0aa699; } .scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme7"] .scoop-item[item-border="true"]>li>a { border-bottom-color: #1ab0a3; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme7"] .scoop-item .scoop-hasmenu .scoop-submenu { border-bottom-color: #1ab0a3; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme7"] .scoop-item>li.scoop-hasmenu.scoop-trigger>a>.scoop-mcaret { border-top-color: #1ab0a3; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme7"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #1ab0a3; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme7"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active>a>.scoop-mcaret { border-bottom-color: #1ab0a3; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-form-wrapper button:before { border-color: transparent #1ab0a3 transparent; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-form-wrapper button:hover:before { border-right-color: #1ab0a3; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-form-wrapper button { background: #1ab0a3; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-form-wrapper button:hover { background: #1ab0a3; color: #FFF; } /* Navbar Theme 8 .scoop .scoop-navbar[navbar-theme="theme8"] { background: #3f5485; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item .scoop-hasmenu .scoop-submenu { background: #232323; border: 2px solid #232323; }*/ .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item .scoop-hasmenu .scoop-submenu { background:#045170; /*background: url(../images/testi-pic-1.jpg);border: 2px solid #3a3a56; background-repeat: no-repeat; background-position: 75% 17%; border: 2px solid #3a3a56;*/ } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item[item-border="true"]>li>a { border-right-color:#ededed45; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item[subitem-border="true"] .scoop-hasmenu .scoop-submenu li>a { border-bottom-color:#dee2e63d; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-brand a { color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-brand a .scoop-brand-text .small-text { color: #8eb021; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-brand .menu-toggle a { color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item>li>a { color: #ffffff; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item .scoop-hasmenu .scoop-submenu li>a { color: #ffffff; font-size: 11px; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item>li:hover>a { background: #ededed54; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item>li.active>a { background: #ededed54; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover>a { background: #fdc932; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item .scoop-hasmenu .scoop-submenu li.active>a { background: #405586; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item .scoop-hasmenu .scoop-submenu { border-top-color: #dee2e6; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item>li.scoop-hasmenu.scoop-trigger>a>.scoop-mcaret { border-bottom-color: #dee2e6; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #2f4475; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li.title { border-bottom-color: #4a5f90; color: #d8e3fc; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu .scoop-gridbox { background: #4a5f90; color: #d8e3fc; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a { color: #ffffff; font-size: 11px;font-weight: 500; line-height: 34px; text-align: left; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a:hover { color: #fff; padding-left: .75em; -webkit-transition-duration: 250ms,250ms,250ms,250ms; -moz-transition-duration: 250ms,250ms,250ms,250ms; -o-transition-duration: 250ms,250ms,250ms,250ms; transition-duration: 250ms,250ms,250ms,250ms; } .scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme8"] .scoop-inner-navbar { background: #3f5485; } .scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme8"] .scoop-item[item-border="true"]>li>a { border-bottom-color: #4a5f90; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme8"] .scoop-item .scoop-hasmenu .scoop-submenu { border-bottom-color: #2f4475; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme8"] .scoop-item>li.scoop-hasmenu.scoop-trigger>a>.scoop-mcaret { border-top-color: #2f4475; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme8"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #2f4475; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme8"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active>a>.scoop-mcaret { border-bottom-color: #2f4475; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-form-wrapper button:before { border-color: transparent #516697 transparent; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-form-wrapper button:hover:before { border-right-color: #516697; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-form-wrapper button { background: #516697; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-form-wrapper button:hover { background: #516697; color: #FFF; } /* Navbar Theme 9 */ .scoop .scoop-navbar[navbar-theme="theme9"] { background: #576acc; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item .scoop-hasmenu .scoop-submenu { background: #485bbd; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item[item-border="true"]>li>a { border-right-color: #6174d6; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item[subitem-border="true"] .scoop-hasmenu .scoop-submenu li>a { border-bottom-color: #576acc; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-brand a { color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-brand a .scoop-brand-text .small-text { color: #d8e3fc; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-brand .menu-toggle a { color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item>li>a { color: #d8e3fc; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item .scoop-hasmenu .scoop-submenu li>a { color: #d8e3fc; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item>li:hover>a { background: #4457b9; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item>li.active>a { background: #4457b9; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover>a { background: #384bad; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item .scoop-hasmenu .scoop-submenu li.active>a { background: #384bad; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item .scoop-hasmenu .scoop-submenu { border-top-color: #5063c5; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item>li.scoop-hasmenu.scoop-trigger>a>.scoop-mcaret { border-bottom-color: #5063c5; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #5063c5; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li.title { border-bottom-color: #6174d6; color: #d8e3fc; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu .scoop-gridbox { background: #6174d6; color: #d8e3fc; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a { color: #d8e3fc; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a:hover { color: #fff; } .scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme9"] .scoop-inner-navbar { background: #576acc; } .scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme9"] .scoop-item[item-border="true"]>li>a { border-bottom-color: #6174d6; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme9"] .scoop-item .scoop-hasmenu .scoop-submenu { border-bottom-color: #5063c5; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme9"] .scoop-item>li.scoop-hasmenu.scoop-trigger>a>.scoop-mcaret { border-top-color: #5063c5; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme9"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #5063c5; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme9"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active>a>.scoop-mcaret { border-bottom-color: #5063c5; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-form-wrapper button:before { border-color: transparent #576acc transparent; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-form-wrapper button:hover:before { border-right-color: #576acc; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-form-wrapper button { background: #576acc; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-form-wrapper button:hover { background: #576acc; color: #FFF; } /* Navigation Theme CSS Style Close Here */ /* ################################################################################### ********************Horizontal Theme patteren CSS Start************ ##################################################################################*/ body[themebg-pattern="pattern1"] { background-image: url("../images/pattern1.html"); } body[themebg-pattern="pattern2"] { background-image: url("../images/pattern2.html"); } body[themebg-pattern="pattern3"] { background-image: url("../images/pattern3.html"); } body[themebg-pattern="pattern4"] { background-image: url("../images/pattern4.html"); } body[themebg-pattern="pattern5"] { background-image: url("../images/pattern5.html"); } body[themebg-pattern="pattern6"] { background-image: url("../images/pattern6.html"); } body[themebg-pattern="pattern7"] { background-image: url("../images/pattern7.html"); } body[themebg-pattern="pattern8"] { background-image: url("../images/pattern8.html"); } body[themebg-pattern="pattern9"] { background-image: url("../images/pattern9.html"); } /* ################################################################################### ********************Horizontal Theme patteren CSS Close ************ ##################################################################################*/ /* ################################################################################### ********************Header Theme CSS Start ************ ##################################################################################*/ /* Header Theme 1 .scoop .scoop-header[header-theme="theme1"] { background: #e9ecf3; }*/ .scoop[scoop-device-type="phone"] .scoop-header[header-theme="theme1"] .scoopbrand-xs { background: #364760; } .scoop .scoop-header[header-theme="theme1"] .scoopbrand-xs .scoop-brand a { color: #fff; } .scoop .scoop-header[header-theme="theme1"] .scoopbrand-xs .scoop-brand a .scoop-brand-text .small-text { color: #f39e10 !important; } /* Header Theme 2 */ .scoop .scoop-header[header-theme="theme2"] { background: #e9ecf3; } .scoop[scoop-device-type="phone"] .scoop-header[header-theme="theme2"] .scoopbrand-xs { background: #FFF; } .scoop .scoop-header[header-theme="theme2"] .scoopbrand-xs .scoop-brand a { color: #000; } .scoop .scoop-header[header-theme="theme2"] .scoopbrand-xs .scoop-brand a .scoop-brand-text .small-text { color: #f39e10; } /* Header Theme 3 */ .scoop .scoop-header[header-theme="theme3"] { background: #e9ecf3; } .scoop[scoop-device-type="phone"] .scoop-header[header-theme="theme3"] .scoopbrand-xs { background: #f5f5f5; } .scoop .scoop-header[header-theme="theme3"] .scoopbrand-xs .scoop-brand a { color: #858b89; } .scoop .scoop-header[header-theme="theme3"] .scoopbrand-xs .scoop-brand a .scoop-brand-text .small-text { color: #f39e10; } /* Header Theme 4 .scoop .scoop-header[header-theme="theme4"] { background: #e9ecf3; }*/ .scoop[scoop-device-type="phone"] .scoop-header[header-theme="theme4"] .scoopbrand-xs { background: #f39e10;width: 100%; } .scoop .scoop-header[header-theme="theme4"] .scoopbrand-xs .scoop-brand a { color: #FFF; } .scoop .scoop-header[header-theme="theme4"] .scoopbrand-xs .scoop-brand a .scoop-brand-text .small-text { color: #e64056; } /* Header Theme 5 */ .scoop .scoop-header[header-theme="theme5"] { background: #e9ecf3; } .scoop[scoop-device-type="phone"] .scoop-header[header-theme="theme5"] .scoopbrand-xs { background: #3c75b5; } .scoop .scoop-header[header-theme="theme5"] .scoopbrand-xs .scoop-brand a { color: #FFF; } .scoop .scoop-header[header-theme="theme5"] .scoopbrand-xs .scoop-brand a .scoop-brand-text .small-text { color: #b9d4f2; } /* Header Theme 6 */ .scoop .scoop-header[header-theme="theme6"] { background: #e9ecf3; } .scoop[scoop-device-type="phone"] .scoop-header[header-theme="theme6"] .scoopbrand-xs { background: #583a63; } .scoop .scoop-header[header-theme="theme6"] .scoopbrand-xs .scoop-brand a { color: #FFF; } .scoop .scoop-header[header-theme="theme6"] .scoopbrand-xs .scoop-brand a .scoop-brand-text .small-text { color: #af64cc; } /* Header Theme 7 */ .scoop .scoop-header[header-theme="theme7"] { background: #e9ecf3; } .scoop[scoop-device-type="phone"] .scoop-header[header-theme="theme7"] .scoopbrand-xs { background: #0aa699; } .scoop .scoop-header[header-theme="theme7"] .scoopbrand-xs .scoop-brand a { color: #FFF; } .scoop .scoop-header[header-theme="theme7"] .scoopbrand-xs .scoop-brand a .scoop-brand-text .small-text { color: #004538; } /* Header Theme 8 */ .scoop .scoop-header[header-theme="theme8"] { background: #e9ecf3; } .scoop[scoop-device-type="phone"] .scoop-header[header-theme="theme8"] .scoopbrand-xs { background: #3f5485; } .scoop .scoop-header[header-theme="theme8"] .scoopbrand-xs .scoop-brand a { color: #FFF; } .scoop .scoop-header[header-theme="theme8"] .scoopbrand-xs .scoop-brand a .scoop-brand-text .small-text { color: #8eb021; } /* Header Theme 9 */ .scoop .scoop-header[header-theme="theme9"] { background: #e9ecf3; } .scoop[scoop-device-type="phone"] .scoop-header[header-theme="theme9"] .scoopbrand-xs { background: #576acc; } .scoop .scoop-header[header-theme="theme9"] .scoopbrand-xs .scoop-brand a { color: #FFF; } .scoop .scoop-header[header-theme="theme9"] .scoopbrand-xs .scoop-brand a .scoop-brand-text .small-text { color: #d8e3fc; } /* ################################################################################### ********************Header Theme CSS Close ************ ##################################################################################*/ /*########################################################################################## *************************Active Item and Hover Item Theme CSS style here ***************** ############################################################################################*/ /* Active Item Theme 1 with style1 */ .scoop .scoop-navbar[active-item-theme="theme1"][active-item-style="style1"] .scoop-item>li:hover>a { background: #F2706E; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme1"][active-item-style="style1"] .scoop-item>li.active>a { background: #F2706E; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme1"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover>a { background: #F2706E; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme1"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li.active>a { background: #F2706E; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme1"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu { border-top-color: #de5c5a; } .scoop .scoop-navbar[active-item-theme="theme1"][active-item-style="style1"] .scoop-item>li.scoop-hasmenu.scoop-trigger>a>.scoop-mcaret { border-bottom-color: #de5c5a; } .scoop .scoop-navbar[active-item-theme="theme1"][active-item-style="style1"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #de5c5a !important; } .scoop .scoop-navbar[active-item-theme="theme1"][active-item-style="style1"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active>a>.scoop-mcaret { border-bottom-color: #de5c5a !important; } .scoop .scoop-navbar[active-item-theme="theme1"] .scoop-form-wrapper button:before { border-color: transparent #de5c5a transparent !important; } .scoop .scoop-navbar[active-item-theme="theme1"] .scoop-form-wrapper button:hover:before { border-right-color: #de5c5a !important; } .scoop .scoop-navbar[active-item-theme="theme1"] .scoop-form-wrapper button { background: #de5c5a !important; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme1"] .scoop-form-wrapper button:hover { background: #de5c5a !important; color: #FFF; } /* Active Item Theme 2 */ .scoop .scoop-navbar[active-item-theme="theme2"][active-item-style="style1"] .scoop-item>li:hover>a { background: #0096b1; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme2"][active-item-style="style1"] .scoop-item>li.active>a { background: #0096b1; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme2"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover>a { background: #0096b1; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme2"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li.active>a { background: #0096b1; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme2"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu { border-top-color: #028097; } .scoop .scoop-navbar[active-item-theme="theme2"][active-item-style="style1"] .scoop-item>li.scoop-hasmenu.scoop-trigger>a>.scoop-mcaret { border-bottom-color: #028097; } .scoop .scoop-navbar[active-item-theme="theme2"][active-item-style="style1"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #028097 !important; } .scoop .scoop-navbar[active-item-theme="theme2"][active-item-style="style1"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active>a>.scoop-mcaret { border-bottom-color: #028097 !important; } .scoop .scoop-navbar[active-item-theme="theme2"] .scoop-form-wrapper button:before { border-color: transparent #028097 transparent !important; } .scoop .scoop-navbar[active-item-theme="theme2"] .scoop-form-wrapper button:hover:before { border-right-color: #028097 !important; } .scoop .scoop-navbar[active-item-theme="theme2"] .scoop-form-wrapper button { background: #028097 !important; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme2"] .scoop-form-wrapper button:hover { background: #028097 !important; color: #FFF; } /* Active Item Theme 3 */ .scoop .scoop-navbar[active-item-theme="theme3"][active-item-style="style1"] .scoop-item>li:hover>a { background: #e64056; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme3"][active-item-style="style1"] .scoop-item>li.active>a { background: #e64056; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme3"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover>a { background: #e64056; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme3"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li.active>a { background: #e64056; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme3"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu { border-top-color: #d83248; } .scoop .scoop-navbar[active-item-theme="theme3"][active-item-style="style1"] .scoop-item>li.scoop-hasmenu.scoop-trigger>a>.scoop-mcaret { border-bottom-color: #d83248; } .scoop .scoop-navbar[active-item-theme="theme3"][active-item-style="style1"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #d83248 !important; } .scoop .scoop-navbar[active-item-theme="theme3"][active-item-style="style1"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active>a>.scoop-mcaret { border-bottom-color: #d83248 !important; } .scoop .scoop-navbar[active-item-theme="theme3"] .scoop-form-wrapper button:before { border-color: transparent #d83248 transparent !important; } .scoop .scoop-navbar[active-item-theme="theme3"] .scoop-form-wrapper button:hover:before { border-right-color: #d83248 !important; } .scoop .scoop-navbar[active-item-theme="theme3"] .scoop-form-wrapper button { background: #d83248 !important; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme3"] .scoop-form-wrapper button:hover { background: #d83248 !important; color: #FFF; } /* Active Item Theme 4 */ .scoop .scoop-navbar[active-item-theme="theme4"][active-item-style="style1"] .scoop-item>li:hover>a { background: #f39e10; color: #414141; } .scoop .scoop-navbar[active-item-theme="theme4"][active-item-style="style1"] .scoop-item>li.active>a { background: #f39e10; color: #414141; } .scoop .scoop-navbar[active-item-theme="theme4"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover>a { background: #f39e10; color: #414141; } .scoop .scoop-navbar[active-item-theme="theme4"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li.active>a { background: #f39e10; color: #414141; } .scoop .scoop-navbar[active-item-theme="theme4"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu { border-top-color: #d78906; } .scoop .scoop-navbar[active-item-theme="theme4"][active-item-style="style1"] .scoop-item>li.scoop-hasmenu.scoop-trigger>a>.scoop-mcaret { border-bottom-color: #d78906; } .scoop .scoop-navbar[active-item-theme="theme4"][active-item-style="style1"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #d78906 !important; } .scoop .scoop-navbar[active-item-theme="theme4"][active-item-style="style1"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active>a>.scoop-mcaret { border-bottom-color: #d78906 !important; } .scoop .scoop-navbar[active-item-theme="theme4"] .scoop-form-wrapper button:before { border-color: transparent #f39e10 transparent !important; } .scoop .scoop-navbar[active-item-theme="theme4"] .scoop-form-wrapper button:hover:before { border-right-color: #f39e10 !important; } .scoop .scoop-navbar[active-item-theme="theme4"] .scoop-form-wrapper button { background: #f39e10 !important; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme4"] .scoop-form-wrapper button:hover { background: #f39e10 !important; color: #FFF; } /* Active Item Theme 5 */ .scoop .scoop-navbar[active-item-theme="theme5"][active-item-style="style1"] .scoop-item>li:hover>a { background: #8eb021; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme5"][active-item-style="style1"] .scoop-item>li.active>a { background: #8eb021; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme5"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover>a { background: #8eb021; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme5"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li.active>a { background: #8eb021; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme5"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu { border-top-color: #77941b; } .scoop .scoop-navbar[active-item-theme="theme5"][active-item-style="style1"] .scoop-item>li.scoop-hasmenu.scoop-trigger>a>.scoop-mcaret { border-bottom-color: #77941b; } .scoop .scoop-navbar[active-item-theme="theme5"][active-item-style="style1"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #77941b !important; } .scoop .scoop-navbar[active-item-theme="theme5"][active-item-style="style1"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active>a>.scoop-mcaret { border-bottom-color: #77941b !important; } .scoop .scoop-navbar[active-item-theme="theme5"] .scoop-form-wrapper button:before { border-color: transparent #77941b transparent !important; } .scoop .scoop-navbar[active-item-theme="theme5"] .scoop-form-wrapper button:hover:before { border-right-color: #77941b !important; } .scoop .scoop-navbar[active-item-theme="theme5"] .scoop-form-wrapper button { background: #77941b !important; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme5"] .scoop-form-wrapper button:hover { background: #77941b !important; color: #FFF; } /* Active Item Theme 6 */ .scoop .scoop-navbar[active-item-theme="theme6"][active-item-style="style1"] .scoop-item>li:hover>a { background: #967adc; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme6"][active-item-style="style1"] .scoop-item>li.active>a { background: #967adc; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme6"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover>a { background: #967adc; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme6"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li.active>a { background: #967adc; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme6"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu { border-top-color: #a889f7; } .scoop .scoop-navbar[active-item-theme="theme6"][active-item-style="style1"] .scoop-item>li.scoop-hasmenu.scoop-trigger>a>.scoop-mcaret { border-bottom-color: #a889f7; } .scoop .scoop-navbar[active-item-theme="theme6"][active-item-style="style1"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #a889f7 !important; } .scoop .scoop-navbar[active-item-theme="theme6"][active-item-style="style1"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active>a>.scoop-mcaret { border-bottom-color: #a889f7 !important; ; } .scoop .scoop-navbar[active-item-theme="theme6"] .scoop-form-wrapper button:before { border-color: transparent #a889f7 transparent !important; } .scoop .scoop-navbar[active-item-theme="theme6"] .scoop-form-wrapper button:hover:before { border-right-color: #a889f7 !important; } .scoop .scoop-navbar[active-item-theme="theme6"] .scoop-form-wrapper button { background: #a889f7 !important; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme6"] .scoop-form-wrapper button:hover { background: #a889f7 !important; color: #FFF; } /* Active Item Theme 7 */ .scoop .scoop-navbar[active-item-theme="theme7"][active-item-style="style1"] .scoop-item>li:hover>a { background: #fe9375; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme7"][active-item-style="style1"] .scoop-item>li.active>a { background: #fe9375; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme7"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover>a { background: #fe9375; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme7"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li.active>a { background: #fe9375; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme7"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu { border-top-color: #eb8669; } .scoop .scoop-navbar[active-item-theme="theme7"][active-item-style="style1"] .scoop-item>li.scoop-hasmenu.scoop-trigger>a>.scoop-mcaret { border-bottom-color: #eb8669; } .scoop .scoop-navbar[active-item-theme="theme7"][active-item-style="style1"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #eb8669 !important; } .scoop .scoop-navbar[active-item-theme="theme7"][active-item-style="style1"] .scoop-item>li.scoop-hasmenu.scoop-trigger.active>a>.scoop-mcaret { border-bottom-color: #eb8669 !important; } .scoop .scoop-navbar[active-item-theme="theme7"] .scoop-form-wrapper button:before { border-color: transparent #eb8669 transparent !important; } .scoop .scoop-navbar[active-item-theme="theme7"] .scoop-form-wrapper button:hover:before { border-right-color: #eb8669 !important; } .scoop .scoop-navbar[active-item-theme="theme7"] .scoop-form-wrapper button { background: #eb8669 !important; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme7"] .scoop-form-wrapper button:hover { background: #eb8669 !important; color: #FFF; } /*########################################################################################## *************************Active Item and Hover Item Theme CSS style Close ***************** ############################################################################################*/ .scoop-rr-header .btn { font-size: 12px; font-weight: 600; margin-left: 5px; } /* fixed issue 20170319 */ .scoop-main-container { clear: both; } .scoop-address span { float: left; } .scoop .scoop-navbar .scoop-item .scoop-hasmenu.fullwidth-drop .scoop-submenu li>a { display: list-item; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item[subitem-border="true"] .scoop-hasmenu.fullwidth-drop .scoop-submenu li>a { border-bottom-width: 0; } .scoop[theme-layout="horizontal"][scoop-device-type="desktop"] .scoop-navbar .scoop-item>li.fullwidth-drop.scoop-hasmenu .scoop-submenu li, .scoop[theme-layout="horizontal"][scoop-device-type="desktop"] .scoop-navbar .scoop-item>li.fullwidth-drop.scoop-hasmenu .scoop-submenu li, .scoop[theme-layout="horizontal"][scoop-device-type="tablet"] .scoop-navbar .scoop-item>li.fullwidth-drop.scoop-hasmenu .scoop-submenu li { display: block; float: left; } .scoop .scoop-navbar .scoop-item li.fullwidth-drop.scoop-hasmenu .scoop-submenu li.scoop-hasmenu>a:after { float: none; } #header-srollr.small .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item .scoop-hasmenu .scoop-submenu{background: #fdee88; border: 2px solid #fdee88;} #header-srollr.small .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item .scoop-hasmenu .scoop-submenu li>a { color: #000000; font-size: 11px; } #header-srollr.small .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item>li.scoop-hasmenu.scoop-trigger>a>.scoop-mcaret { border-bottom-color: #fdee88; } #header-srollr.small .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item[subitem-border="true"] .scoop-hasmenu .scoop-submenu li>a{border-bottom-color: #e7d76b; display: block;align-items: baseline;color: black !important;} #header-srollr.small .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover>a{background: #8b0000 !important; color: #FFF !important;} #header-srollr.small .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item .scoop-hasmenu .scoop-submenu li.active>a{background: #8b0000; color: #FFF !important;} .scoop-megamenu li:hover{background-color: #fdc932;} .scoop-megamenu .ac-megamenu{display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start;} .scoop-megamenu .ac-schools h3{font-size: 11px; color: #ffffff; font-weight: 500; letter-spacing: 1px;font-family: 'Merriweather'; } .scoop-megamenu .ac-megamenu .fa-graduation-cap{ padding-right: 12px; display: inline-block;margin-left: 8px;} #header-srollr.small .scoop-megamenu .ac-schools h3{border-bottom: 1px dashed #8b0000;color: #8b0000; font-weight: 600; margin: 0 0 10px 0;} .scoop-megamenu .ac-schools h3{border-bottom: 1px dashed #ffffff;} .scoop-megamenu .ac-schools .fa-sch{font-size: 15px; color: #ffffff;padding-right: 9px;} .scoop-megamenu .container {padding: 0;} .scoop-megamenu .ac-megamenu .s-p0{padding-left: 0;} .scoop-megamenu .ac-megamenu .s-p1{padding-right: 0;} #header-srollr.small .scoop-megamenu .ac-schools .fa-sch{color: #8b0000;} .scoop-megamenu .container{display: flex; flex-wrap: wrap; flex-direction: row; align-items: start; justify-content: space-between;} #header-srollr.small .login-click .cont_titulo_menu{background-color: #911111;}
SAVE
CANCEL