/** * custom.css file created by Eximium Template * @package Eximium Template * @author Youjoomla.com * @website Youjoomla.com * @copyright Copyright (c) since 2007 Youjoomla.com. * @license PHP files are released under GNU/GPL V2 Copyleft License.CSS / LESS / JS / IMAGES are Copyrighted material **/ /* ADD ALL YOUR CUSTOM CSS OVERRIDES TO THIS FILE. THIS WAY IF YOU MAKE A MISTAKE YOU CAN ALWAYS TURN CUSTOM CSS FILE OFF AND REVERT BACK TO ORIGINAL TEMPLATE CSS THIS FILE WILL LOAD VERY LAST AFTER ALL TEMPLATE CSS FILES. SO YOU CAN OVERRIDE ANY CSS PART OF THE TEMPLATE YOU NEED. */ body {line-height:1.75; color:#000000; } @media (max-width: 767px){body {padding-right: 0px; padding-left: 0px;}} .article_title, .module_title { word-break: normal; } #centertop_outer {background: #ffffff url(../images/lwd/timber-60.jpg) repeat-x center bottom } #centertop_outer {background: #ffffff url(../images/lwd/bee-hives.jpg) no-repeat center top; background-size:cover; } /*#centertop_outer {height: 33vw; max-height: 440px; }*/ #yjsgheadergrid h2{color:#ffffff; margin-top:15px; margin-bottom:15px;} #header1 {width: 60%} #header3 {background: rgba(0,0,0,0.50); width:40%} #centerbottom_outer { background: #ffffff url(../images/lwd/honey-banner.jpg) no-repeat center bottom; padding-bottom:350px ; } @media screen and (max-width: 979px){ #centerbottom_outer{background-size: 180%; padding-bottom: 25vw;} #header1 {width:30% !important; clear:none !important; float:left !important; } #header3 {width:70% !important; clear:none !important; float:left !important; } } @media screen and (max-width: 450px){ #header3 {padding-left:0;} #header3 h2 {margin-top:0; font-size:18px; } } @media screen and (max-width: 979px){ div.yjsg-newsitems .float-left { width: 100%;} } @media screen and (max-width: 720px){ div.yjsg-newsitems div.multicolumns .yjsgarticle { padding: 0 ;} .article_title, .module_title { font-size: 150%; } } /* ---------------------------------------- Menu -----------------------------------*/ #topmenu_holder, .ulholder.dlevel1 { background: #FFC107; } /* Active/hover links */ .yjsgmenu a.activepath, .yjsgmenu a:focus, .yjsgmenu li:hover > .child a { background: #FFEB3B; color:#000000; } .yjsgmenu a:hover { background: #FFEB3B; color: #000000 !important; } /* menu height, link colour and font size */ ul.yjsgmenu li a, ul.yjsgmenu.megadropline a.dlevel1a, ul.yjsgmenu.megadropline .cleardropline, ul.yjsgmenu.megadropline .cleardropline { padding: 0px 25px; height: 80px; line-height: 80px; color: #ffffff; font-size: 20px; font-weight: 400; } /* remove padding */ .yjsg-menu {padding-left:0; padding-right:0} /* Mobile Menu fix */ @media screen and (max-width: 979px){ .horiznav { display: none; } div#mmenu_holder { margin-bottom:20px; padding-top:10px;} #topmenu_holder {background: #FFC107 !important;} } /* Sub Menu background colors */ .yjsgmenu ul, .yjsgmenu li.holdsgroup ul ul { background: #FFC107; border: 1px solid #ccc; } /* ----------------------------------------- YJSG 6 -------------------------------------*/ #yjsg6 .yjsgxhtml {width:100% !Important} .yjsg6_out {background-color: #FFC107;} ul.newsflash-horiz {list-style: none; color: #ffffff;} ul.newsflash-horiz li {display: block; float:left; margin: 0 2%; line-height:1.75;} #user17 ul.newsflash-horiz li { width: 46%;} #user16 ul.newsflash-horiz li { width: 96%;} .newsflash-title {margin-top:0; margin-bottom: 20px;} ul.newsflash-horiz a.readmore { color:#454545; background-color:#ffeb3b; border-radius:6px; padding: 10px; font-weight: bold; margin-top: 10px; display: inline-block; float: right;} #user16 {border-bottom: 2px solid #eeeeee; padding-bottom: 30px; margin-bottom: 10px;} #user16 p {font-size:150%} /* ---------------------------------------YJSG7 ---------------------------------------*/ .yjsg7_out { background: #ffffff url(../images/lwd/bee-hives.jpg) no-repeat center bottom; /*background: #ffffff url(../images/lwd/timber.jpg) repeat-x center bottom;*/ max-height:600px; height: 30vw; background-size:cover; } #yjsg7 .yjsquare_in { float:left; background: rgba(0,0,0,0.50); padding: 20px; } #yjsg7 h2 {color:#ffffff; margin-top:0;} #yjsg7 p {color:#FDB822; font-size:30px; margin-bottom:0; line-height:1.3;} @media screen and (max-width: 979px){ #yjsg7 {padding: 50px 0 0 0 ;} } @media screen and (max-width: 600px){ #yjsg7 .yjsquare_in {padding: 10px;} #yjsg7 {padding: 30px 0 0 0 ;} #yjsg7 h2 {font-size:20px; margin-bottom:6px;} #yjsg7 p {font-size:18px;} } /* -------------------------------------- J2 Store -----------------------------------------------*/ .img-fulltext-left img, .img-introtext-left img {margin-right:20px;} .img-introtext-left {max-width:300px; max-height:400px;} /* -------------------------------------- J2 Store Check out-----------------------------------------------*/ /* YJSG : Boostrap version = 3 J2 Store - Setup - Configuration - Basic Settings : Cart and Check out = Bootstrap 3 Load full bootstarp = No Load minimal boostrap = No */ .j2store-cart-table .remove-icon { margin-bottom: 0; } .j2store-cart-table .product-qty input[type="text"], .j2store-cart-table .product-qty input[type="number"] { border: 1px solid #dcdcdc; width: 50px !important} .j2store_field_required { line-height: 20px; } #j2store-checkout label {display : block;} #j2store-checkout input, #j2store-checkout textarea, #j2store-checkout select{ width: 360px; height: 28px; margin-bottom: 6px; border: 1px solid #dcdcdc;} #j2store-checkout input[type="radio"], #j2store-checkout input[type="checkbox"] {width: 14px;} #billing-address label[for="billing-address-existing"], #billing-address label[for="billing-address-new"], #shipping-address label[for="shipping-address-existing"], #shipping-address label[for="shipping-address-new"], #shippingcost-pane label {display : inline;} #j2store-checkout-content .btn-primary { color: #fff; background-color: #fdb822; border-color: #fdb009; height: 34px; width: auto; } #j2store-checkout-content .btn-primary:hover { color: #fff; background-color: #eaa102; border-color: #c78902; } /* Footer --------------------------------------------------------------------------------------- */ /* version 1.01 - Added fbook link */ /* version 1.02 - Added gplus link */ /* version 1.03 - Corrections for Eximium */ /* version 1.04 - style corrections */ /* version 1.05 - responsive style corrections */ /* version 1.06 - responsive style corrections */ /* version 1.07 - floating "Top" button */ /* ---------------------------------------------------------------------------------------------- */ .footer_out { background-color: #bdbdbd; padding:30px 0;} #footer { color: #dddddd;} .footer0 {text-align: center;} .footer2 {line-height:2.5;} .footer2 a, #cp a {color:#eeeeee} /*local Web Design & Top*/ .footer2 a:hover, #cp a:hover {color:#ffffff !important} .fbook, .gplus{ width: 16px; height:16px; display: inline-block !important; border-radius: 2px; vertical-align: top; margin-top: 8px !important; margin-left: 8px !important; } .fbook a , .gplus a { color: #dddddd; font-size: 14px; font-weight: 400; line-height:16px; width: 16px; height: 16px; display: block; } .fbook a:hover, .gplus a:hover { color: #ffffff; } .fbook { font-family: Arial, Helvetica, sans-serif; line-height:18px; background-color: #3C56A1 ; /* std fbook blue */ } .gplus { font-family: "Times New Roman", Times, serif; line-height:16px; background-color: #DF5138 ; /* std gplus red */ } .gplus a { font-size: 20px; line-height: 20px; } /*brings up to same size */ .fbook:hover {background-color: #2749a5;} /* std fbook blue, brighter */ .gplus:hover {background-color: #f42909;} /* std gplus red, brighter */ #cp {padding-left: 10px; float:left} /*top*/ @media screen and (max-width: 400px){ .footer1 {font-size:12px; line-height: 1.5!important;} .footer2 {font-size:12px;} } #cp a.yjscroll { position: fixed; bottom: 16px; left: 16px; width: 35px; background-color: #999999; border-radius: 4px; color: #ffffff; font-weight: bold; line-height: 22px; text-shadow: 0 -1px 0 rgba(0,0,0,0.25); } #cp a.yjscroll:focus {text-decoration: none; }