/* Theme Name: Cellar Club Theme 26 Description: Cellar Club Theme 26 Version: 4.0 Author: Vince Wakeman Author URI: http://www.avando.co.uk Tags: Cellar Club Theme 2026 */ /* =========================== CONTENTS: 01 Sensible defaults 02 Typography 03 Media queries =========================== */ /* ---------------------------------------------------------------------------------------------------------- 01 Sensible defaults ---------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ @import "css/reset.css"; /* =========================== GENERAL STYLES =========================== */ /* standard layout*/ body {margin:0px;padding:0px; font-family: 'Open Sans', sans-serif; background-image: url("https://cellarclub.org/wp-content/themes/cellarclub2026/assets/cellar-club-background.jpg") !important; background-attachment: fixed; background-size:cover; } .clear1 {height:1px;clear:both;} .clear10 {height:10px;clear:both;} .clear20 {height:20px;clear:both;} .has-black-1-background-color {background-color:#1e1e1e !important;} .has-white-1-background-color {background-color:#ffffff !important;} .has-black-1-color {color:#1e1e1e !important;} .has-white-1-color {color:#ffffff !important;} .divider-line {height:1px; width:100%; background-color:#ffffff;clear:both;font-size:1px;} .page-wrap {width:960px;clear:both;margin:auto;margin-top:40px} .left-column {width:294px;float:left;background-color:#1e1e1e} .left-column-padding {padding:17px 27px 27px 27px;} .logo-area {text-align:center;height:110px;border-bottom:1px solid #ffffff} .left-column p {font-size:13px;color:#ffffff;margin-bottom:20px;} .left-box-outer {border:0px solid #6a6a6a;box-sizing:border-box;width:100%;padding:0px 0px 0px 0px;color:#ffffff;} .left-box-outer strong {color:#869EB0;font-weight:normal;} left-column h2 {color:#ffffff;margin:0px;padding:12px 12px 0px 12px;font-weight:normal;font-size:16px;} .right-column {width:666px;float:left;} .right-column .content {margin-top:40px;margin-left:40px;} .right-column .content-padding {padding:40px;} .content p {color:#ffffff;font-size:13px;margin-bottom:20px;} .content strong {color:#869EB0;font-weight:normal;} .content a {color:#869EB0;font-weight:normal;text-decoration:none;} .content a:hover {color:#869EB0;text-decoration:underline;} .content-list { list-style-type:none; list-style-image: url(assets/bullet.png); margin-left:20px; } .content-list li { list-style-type:none; list-style-image: url(assets/bullet.png); color:#ffffff;font-size:12px;margin-bottom:10px; padding-left:10px; } .right-column-box {width:195px;float:right;margin-left:40px;margin-bottom:40px;} .right-column-box p {margin:0px;padding:0px} .right-column-box img {border:1px solid #ffffff;box-sizing:border-box} .box-button {width:195px;text-align:center;height:24px;font-size:12px;border:1px solid #ffffff;background-color:#333333;color:#ffffff !important;display:inline-block;line-height:24px;text-decoration:none;margin-bottom:10px;box-sizing:border-box;text-transform:uppercase;text-decoration:none;} .box-button:hover {width:195px;text-align:center;height:24px;font-size:12px;border:1px solid #ffffff;background-color:#869EB0;color:#ffffff !important;display:inline-block;line-height:24px;text-decoration:none;margin-bottom:10px;box-sizing:border-box;text-transform:uppercase;text-decoration:none;} a.box-button {text-decoration:none !important;} .navigation-row { clear:both; width:100%; background-color:#1e1e1e; } .navigation-row a { font-size:19px; color:#9c9c9c; margin-left:20px; line-height:57px; font-family: 'Open Sans', sans-serif; text-decoration:none; } .navigation-area { padding:10px 40px 20px 40px; width:100%; box-sizing:border-box; clear:both; } .menu { margin:0; list-style:none; height:48px; text-align:center; border-bottom:1px solid #ffffff; } .menu li { display: inline-block; } .menu li a { font-size:14px; color:#ffffff; margin-left:0px; margin-right:20px; line-height:48px; text-decoration:none; text-transform:uppercase; } .menu li:list-child a { font-size:14px; color:#ffffff; margin-left:0px; margin-right:0px !important; line-height:48px; text-decoration:none; text-transform:uppercase; } .menu li a:hover, .menu li a:focus { color:#9c9c9c !important; } .menu .current_page_item a {color:#869EB0} .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 0px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 0px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .profile-image{ width:256px; height:225px; } .profile-overlay{ width:100%; height:100%; display:none; position:absolute; top:0px; left:0px; } ul.profiles { list-style: none; width: 100%; } ul.profiles li { position:relative;display:inline-block; width:256px;height:225px;margin-right:0px;margin-bottom:20px;} ul.profiles li:nth-child(odd) {margin-right:20px;} ul.profiles li:hover .profile-overlay { display:block; background-color:#869EB0; opacity:1; } .profile-overlay h2 {color:#ffffff;margin:0px;padding:12px 12px 0px 12px;font-weight:normal;font-size:16px;} .profile-overlay p {margin:0px;padding:0px 12px 0px 12px;font-weight:normal;font-size:13px;} .wpcf7-text {width:100%;padding:10px;box-sizing:border-box;} .wpcf7 input[type="text"], .wpcf7 input[type="email"], {width: 100%;padding:10px;box-sizing:border-box; } .wpcf7 textarea {color: #000;width: 100%;height:200px;padding:10px;box-sizing:border-box; } .wpcf7-submit {padding: 5px 5px;margin: 0px 0px 5px 0px;cursor: pointer;font-size: 16px;text-decoration: none;color: #ffffff;background: #333333;border:1px solid #ffffff; } .wpcf7-submit:hover {background: #869EB0;}