/** * 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;} } @media screen and (max-width: 979px){ div.yjsg-newsitems .float-left { width: 100% !important;} #yjsgheadergrid { padding: 0;} } #header {padding:0 !important;} /* ---------------------------------------- Menu -----------------------------------*/ #topmenu_holder, .ulholder.dlevel1 { background: #D30A01; } /* Active/hover links */ .yjsgmenu a.activepath, .yjsgmenu a:focus, .yjsgmenu a:hover, .yjsgmenu li:hover > .child a { background: #D32F2F; color:#ffffff; } .yjsgmenu a:hover { box-shadow: inset 0 0 0 99999px rgba(0,0,0,0.1); color: #ffffff !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: 60px; line-height: 60px; color: #D32F2F; font-size: 20px; font-weight: 400; } ul.subul_main li a { color: #ffffff; } /* 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: #D30A01 !important;} } /* Sub Menu background colors */ .yjsgmenu ul, .yjsgmenu li.holdsgroup ul ul { background: #e51400; border: 1px solid #ccc; } /*------------------------------------------------ footer menu ----------------------------------------*/ ul.defaultmenu.inline { font-size: 12px; } /*------------------------------------------------ yjsg2 ----------------------------------------*/ #yjsg2 {width:100% !important; padding:0; margin:0; max-width:100% !important} #yjsg2 .yjsgxhtml {padding:0; margin:0; background-color:#cccccc;} #yjsg2 img {display: block; margin-left: auto; margin-right: auto;} /*------------------------------------------------ yjsg3 ----------------------------------------*/ #yjsg3 {position: relative; top: -100px; margin-bottom: -100px; display:flex; flex-wrap: wrap; align-items: stretch; padding:0;} #yjsg3 .yjsgxhtml {position:relative;} #yjsg3 .yjsgsfx-red {background-color: #D30A01; color:#ffffff;} #yjsg3 .yjsgsfx-black {background-color: #111111; color:#ffffff;} #yjsg3 .module_title {color:#ffffff; margin:20px 0;} #yjsg3 img { position: absolute; bottom: 20px; right: 20px; opacity: 0.2; filter: alpha(opacity=20); } #yjsg3 a {color:#ffffff;} #yjsg3 a:hover {text-decoration:underline;} @media screen and (min-width: 421px) and (max-width: 979px){ #yjsg3 .yjsgxhtml { width: 33.33%!important; } #yjsg3 {top: 0; margin-bottom:0;} } @media screen and (max-width: 420px){ #yjsg3 {top: 0; margin-bottom:0;} #user3 {width: 100% !important; min-height: 250px;} #logo {max-width:90vw; background-size: contain !important; margin:0 5vw;} } /*------------------------------------------------ yjsg6 ----------------------------------------*/ .yjsg6_out, .yjsg6_out [class*='yjsg-hr-'].fa:before { background: #a80701; } #yjsg6 {display:flex; flex-wrap: wrap; align-items: stretch; padding:60px 0;} #yjsg6, #yjsg6 .module_title {color:#ffffff;} #yjsg6 .module_title {text-align: center;} #yjsg6 .yjsgsfx-double-width {background-color:#111111; padding: 20px;} #yjsg6 .yjsquare_in h3 {color:#ffffff; text-align:center;} #yjsg6 a {color:#ffffff;} #yjsg6 a:hover {text-decoration:underline;} #yjsg6 a.btn {color:#cb0a01;} #yjsg6 a.btn:hover {text-decoration:none;} /* ----------------------------- global styling --------------------------------------------------------*/ table.sizes { width: 100%; background-color: #586982; color: #ffffff; border-radius: 10px; max-width: 500px; margin: 0 auto; text-align: center; border-collapse: collapse; font-size: 16px; } table.sizes th, table.sizes td {padding:10px; border:1px solid #A3B5C8;} table.sizes td:first-child{ border-left: none; font-weight:bold;} table.sizes td:last-child{ border-right: none; } table.sizes thead td {border-top:none; font-weight:bold;} table.sizes tr:last-of-type td{ border-bottom: none; } .article_title, .newsitem_text h4 {display:inline-block; background-color:#cb0a01; color:#ffffff; padding: 10px 20px; min-width: 240px; text-align: center;} .article_title a {color:#eeeeee;} .article_title a:hover {color:#ffffff;} @media (max-width: 767px){ table.sizes {font-size: 12px; border-radius: 6px;} table.sizes th, table.sizes td {padding:4px; } .newsitem_text h4 { min-width: 100%; width:100%;} } /* ---------------------------- pop up box ------------------------------------*/ .wf-mediabox p {margin: 0 0 10px 0; } .wf-mediabox p strong {font-weight:bold} .wf-mediabox .pagetitle {display:none;} .wf-mediabox .article_title {display: block; ine-height: 30px;} /* 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: #e8ebef; padding:30px 0;} #footer { color: #929292;;} .footer0 {text-align: center;} .footer2 {line-height:2.5;} .footer2 a, #cp a {color:#437AFC} /*local Web Design & Top*/ .footer2 a:hover{color:#43b7f9 !important} #cp a:hover {} .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; right: 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; }