/*-------------------------------------------------------------------------------------*/ /* For testing purpose only /*-------------------------------------------------------------------------------------*/ /* .adsense { background-color: #eee; } */ /*-------------------------------------------------------------------------------------*/ /* Set Light Colors /*-------------------------------------------------------------------------------------*/ #map_canvas { border-color: #f1bf12; } .asidelinks { background: #f1bf12; } .asideprevious { background: #f1bf12; } .contentmiddlelinks { background: #f1bf12; } /* .contenttoplinks { background: #f1bf12; } removed */ .contenttoplinks p.selected { background: #f1bf12; } /* added in May 2017 to make links more visible */ .destilino { background: #f1bf12; } .r-tabs { background: #f1bf12; } .zenphoto { border-color: #f1bf12; } aside h1 { color: #f1bf12; } footer li a:hover { color: #f1bf12; } h1 { color: #f1bf12; } main { border-top-color: #f1bf12; } nav { background: #f1bf12; } nav ul { background: #f1bf12; } /*-------------------------------------------------------------------------------------*/ /* Set Dark Colors (brightness -70 in non-linear mode) /*-------------------------------------------------------------------------------------*/ h2 { color: #e28b00; } .aboutus { color: #e28b00; } .asidelinks { border-color: #e28b00; } .asideprevious { border-color: #e28b00; } .contentmiddlelinks { border-color: #e28b00; } .contenttoplinks { border-color: #e28b00; } .imgborder { border-color: #e28b00; } .imggallery { color: #e28b00; } .imgleftborder { border-color: #e28b00; } .imgleftthinborder { border-color: #e28b00; } .listing h1 { color: #e28b00; } .resto { color: #e28b00; } .r-tabs { border-color: #e28b00; } .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor { color: #e28b00; } .zenphoto { color: #e28b00; } a { color: #e28b00; } footer .credentials .contact a:hover { color: #e28b00; } hr { border-color: #e28b00; } nav { border-top-color: #e28b00; border-bottom-color: #e28b00; border-left-color: #e28b00; } nav li a:hover { background: #e28b00; } nav ul.menu > li { border-right-color: #e28b00; } nav ul.menu li ul { border-color: #e28b00; } /*-------------------------------------------------------------------------------------*/ /* Special adjustment only for cayolargo.net responsive website /*-------------------------------------------------------------------------------------*/ /* nav ul.menu > li a { font-weight: bold; } */ nav ul.menu li ul li a { font-weight: normal; font-size: 14px; } .news-socials p a { font-size: 15px; } /*-------------------------------------------------------------------------------------*/ /* Adjust Media Query for Top Site Banner /*-------------------------------------------------------------------------------------*/ @media (min-width: 1031px) { .submenu { background: url(../images/banner1080px.png) no-repeat; } } @media (min-width: 961px) and (max-width: 1030px) { .submenu { background: url(../images/banner974px.png) no-repeat; } } @media (min-width: 751px) and (max-width: 960px) { .submenu { background: url(../images/banner718px.png) no-repeat; } } @media (min-width: 591px) and (max-width: 750px) { .submenu { background: url(../images/banner570px.png) no-repeat; } } @media (min-width: 471px) and (max-width: 590px) { .submenu { background: url(../images/banner450px.png) no-repeat; } } @media (max-width: 470px) { .submenu { background: url(../images/banner320px.png) no-repeat; } }