/*
Theme Name: Sweeter2
Theme URI: http://hunterconnect.com
Description: Sweeter is a custom theme designed for Señor Sweets by Hunter Connect (HunterConnect.com). This theme was built to run on WordPress 4.4.1, and was deployed on January 28th, 2016. Important: upgrading existing plugins or installing a fresh release of WordPress itself may prove to be incompatible with this theme, as such we recommend that updates be avoided or performed with care!

Version: 2.0
Author: Hunter Connect
Author URI: http://hunterconnect.com
*/

/* ############################### */
/* FONTS */
/* ############################### */
@font-face {
font-family: 'DINOT';
src: url('fonts/DINOT-Regular.eot');
src: url('fonts/DINOT-Regular.eot?#iefix') format('embedded-opentype'),
url('fonts/DINOT-Regular.woff') format('woff'),
url('fonts/DINOT-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}


/* ############################### */
/* MAIN OBJECTS */
/* ############################### */
* {padding: 0; margin: 0;}
html {background: #fff url(img/bg-white.jpg) center center repeat;}
body {font-family:'Lucida Sans Unicode','Lucida Grande','Lucida Sans','DejaVu Sans Condensed',sans-serif;font-size: 15px;color:#222;margin:0px;padding:0px;height:100%;-webkit-text-size-adjust: none;font-weight: bold;}

/* ############################### */
/* TEXT, IMAGES, AND LINKS */
/* ############################### */
.clear {clear: both;}
.nodisp,.hide,.hidden {display: none;}
#contentWrapper img {margin: 8px;margin-bottom: 2px;}
a img {border:none;}
a:link, a:active, a:visited {font-weight:bold;color:#a60001;text-decoration:underline;outline: none;}
a:hover {font-weight:bold;color:#222;text-decoration:underline;}
a.nodecor {text-decoration: none;color: inherit;}
p {padding-bottom:10px;line-height: 15px;}
#contentWrapper p {line-height: 18px;}
h1 {font-size: 45px;font-weight: bold;color: #a60001;margin-bottom:20px;margin-top:0px;font-family: 'DINOT';line-height: 42px;text-transform: uppercase;}
h2,h3,h4,h5,h6,h7,h8,h9 {font-size: 22px;font-weight: bold;color: #a60001;text-transform:none;padding-top:0px;padding-bottom:0px;margin-top:15px;margin-bottom: 15px;font-style: italic;}
h6 {font-size: 50px;font-weight: bold;color: #a60001;margin-bottom:-10px;margin-top:0px;font-family: 'DINOT';border-bottom:none;padding-bottom: 10px;padding-top: 0px;text-align: center;line-height: 50px;}
table {border-collapse: collapse;}
th, td {padding: 0;}
.fl {float: left;}
.fr {float: right;}

/* ############################### */
/* MAIN DIVS (PAGE STRUCTURE) */
/* ############################### */
#logo {position:absolute;top:11px;margin-left:387px;width:185px;height:185px;background:url(img/logo.png) no-repeat;z-index:995;pointer-events:none;}
#logoLink {position:absolute;top:20px;margin-left:399px;width:160px;height:160px;cursor:pointer;z-index:2001;border-radius:100px;}
#mainWrapper {width:100%;max-width: 990px;margin-left: auto;margin-right: auto;background: url(img/beige.png) repeat;overflow-x: hidden !important;}
#pageWrapper {width:100%;max-width: 960px;margin-left: auto;margin-right: auto;padding-bottom: 15px;overflow-x: hidden !important;}
#contentWrapper {overflow-x: hidden !important;}
.articleWrapper {padding-top: 25px;}
.articleDate {width: 200px;position: absolute;font-size: 80%;text-align: right;margin-top: -45px;margin-left: 501px;padding-bottom: 10px;color: #a60001;}
.contentPadding {padding-top: 55px;}
.round {border-radius: 6px;}
.blogWrapper {width:100%;max-width: 700px;float: left;}
.moretag,.button {background: #903e0d;background: -moz-linear-gradient(top, #fab93f 0%, #fab93f 15%, #ce4800 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fab93f), color-stop(15%,#fab93f), color-stop(100%,#ce4800));background: -webkit-linear-gradient(top, #fab93f 0%,#fab93f 15%,#ce4800 100%);background: -o-linear-gradient(top, #fab93f 0%,#fab93f 15%,#ce4800 100%);background: -ms-linear-gradient(top, #fab93f 0%,#fab93f 15%,#ce4800 100%);background: linear-gradient(to bottom, #fab93f 0%,#fab93f 15%,#ce4800 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fab93f', endColorstr='#ce4800',GradientType=0 );border-radius: 2px;padding: 1px;color:#222;margin-left: 8px;}
a.moretag {display: inline-block;color: #222;text-decoration: none;font-size: 75%;width: 60px;text-align: center;}
.splitLeft {float: left;width: 49%;margin-right: 1%;}
.splitRight {float: right;width: 49%;margin-left: 1%;}

/* ############################### */
/* BUTTONS */
/* ############################### */
.button {display: inline-block;padding: 6px;width: 120px;}
a.button {color: #222;text-decoration: none;}

/* ############################### */
/* HOMEPAGE PROMO COLUMNS */
/* ############################### */
.column1 {float: left;width: 226px;padding-right: 19px;}
.column2 {float: left;width: 226px;padding-right: 19px;}
.column3 {float: left;width: 226px;padding-right: 19px;}
.column4 {float: left;width: 225px;}
.column {margin-top: 25px;color: #222;font-weight: normal;font-size: 75%;margin-bottom: 25px;}
.column p {padding-top: 8px;padding-bottom: 0px;line-height: 14px;}
.column h1,.sidebarWrapper h1,div#formErrors h3 {font-family: 'DINOT';padding-top: 5px;padding-bottom: 5px;padding-left: 8px;padding-right: 8px;font-size: 13px;text-transform: uppercase;font-weight: bold;color: #fff;margin-top: 0px;margin-bottom: 0px;background: #a60001;line-height: 18px;border-top-left-radius: 3px;border-top-right-radius: 3px;}

/* ############################### */
/* HOMEPAGE PROMO COLUMN UL LISTS */
/* ############################### */
.column ul {list-style: none;}
.column ul li {padding:4px;font-size: 108%;}
.post-date {font-weight: bold;font-style: italic;display: block;}

/* ############################### */
/* SIDEBAR */
/* ############################### */
.sidebarWrapper {width: 225px;float: right;font-size: 85%;margin-top: 15px;}
.sidebarWrapper ul {list-style: none;}
.sidebarWrapper ul li {text-transform: none;margin-bottom: 2px;background: url(img/b.png) left 1px no-repeat;padding-left: 18px;}
.sidebarWrapper ul li:last-child {margin-bottom: 0px;}
.sidebarWrapper h1 {margin-bottom: 12px;width: 209px;margin-left: -8px;}
div.sidebarBlock + div.sidebarBlock {margin-top: 35px;}
.sidebarBlock {background: #fff;padding-left: 8px;padding-right: 8px;padding-bottom: 12px;padding-top: 0px;border-radius: 4px;}
.sidebarBlock a {color: #3d2813;text-decoration: none;}
.sidebarBlock a:hover {color: #222;text-decoration: underline;}
.screen-reader-text {display: none;}
.sidebarWrapper input[type='text'] {padding:2px;border-radius: 2px;border:1px solid #cba54e;width: 143px;}

/* ############################### */
/* PRE-FOOTER */
/* ############################### */
.prefooter {margin-top: 55px;border-top: 3px solid #a60001;font-size: 80%;vertical-align: top;}
.precol {float: left;width: 25%;padding-right: 47px;}
.mapcol {float: right;width: 40%;}
.prefooter h1 {margin-top: 0px;margin-bottom: 12px;color: #a60001;font-size: 25px;padding-top: 15px;padding-bottom: 2px;text-align: left;font-family: 'DINOT';border-bottom: 2px solid #a60001;}

/* ############################### */
/* MAIN MENU */
/* ############################### */
#navWrapper {width:100%;max-width: 960px;margin-top:80px;z-index:990;margin-left: auto;margin-right: auto;padding-top: 15px;}
#navWrapper .menu{position:relative;display:inline-block;*display:inline;z-index: 990;}
#navWrapper .menu ul:first-child li{display:block;float:left;width:135px;text-align:center;position:relative;z-index:10;position: relative;}
#navWrapper .menu ul:first-child li:hover {background: #a60001;transition:.4s;}
#navWrapper .menu ul:first-child li:hover a {color: #fff;}
#navWrapper .menu ul:first-child li:nth-child(3) {margin-right: 150px;border-right:none;}
#navWrapper .menu a{display:block;vertical-align:middle;text-align:center;font-size:22px;color:#a60001;padding-bottom:5px;padding-top:5px;padding-right:5px;padding-left:5px;text-decoration:none;margin-left:1px;margin-right:1px;text-transform: uppercase;}

/* ############################### */
/* SUB-MENU */
/* ############################### */
#navWrapper .menu ul:first-child ul {display: none;position: absolute;top: 36px;width: 129px;}
#navWrapper .menu ul:first-child ul li {float: none;background: #a60001;border-right: none !important;border-left: none !important;border-bottom: 1px solid #da918f;padding-left: 3px;padding-right: 3px;margin-left: 0px;width: 129px;}
#navWrapper .menu ul:first-child ul li:last-child {border-bottom: none !important;}
#navWrapper .menu ul:first-child ul li:hover {background: #251907;}
#navWrapper .menu ul:first-child ul li:hover a {color: #fff;}
#navWrapper .menu ul:first-child ul li a {font-size: 10px;}
#navWrapper .menu ul:first-child li:hover > ul {display: block;}

/* ############################### */
/* SUB-SUB-MENU */
/* ############################### */
#navWrapper .menu ul:first-child ul ul {display: none;position: absolute;margin-left: 132px;top: 0px;width: 129px;}
#navWrapper .menu ul:first-child ul ul:last-child li {float: none;background: #a60001;border-right: none !important;border-left: none !important;border-bottom: 1px solid #da918f !important;padding-left: 3px;padding-right: 3px;margin-left: 0px;width: 129px;}
#navWrapper .menu ul:first-child ul ul:last-child li:last-child {border-bottom: none !important;}
#navWrapper .menu ul:first-child ul ul:last-child li:hover {background: #251907;}
#navWrapper .menu ul:first-child ul ul:last-child li:hover a {color: #fff;}
#navWrapper .menu ul:first-child ul ul:last-child li a {font-size: 10px;}
#navWrapper .menu ul:first-child ul:last-child li:hover > ul {display: block;}

/* ############################### */
/* MOBILE MENU */
/* ############################### */
ul#mobileMenu {background: url(img/wh.png) repeat;}
ul#mobileMenu li.mobile {font-size: 120%;padding: 15px;}
ul#mobileMenu li.mobile a {padding-top: 12px;color: #222;text-decoration: none;}
ul#mobileMenu li.mobile ul {display: none;margin-top: 0px;width: 100%;z-index: 999;text-align: left;}
ul#mobileMenu li.mobile ul li {display: block;}
ul#mobileMenu li.mobile ul li a {display: block;}
ul#mobileMenu li.mobile ul li a:hover {background: none;color:#222 !important;text-decoration: underline;}
ul#mobileMenu li.mobile ul li a:active {color:#222 !important;}
ul#mobileMenu li.mobile:active a,ul#mobileMenu li.mobile:hover a {border-bottom-left-radius: 0px !important;border-bottom-right-radius: 0px !important;}
ul#mobileMenu li.mobile:active ul,ul#mobileMenu li.mobile:hover ul {display: block;}
ul#mobileMenu ul ul.children li {padding-left: 18px;}
ul#mobileMenu ul ul.children li a {color: #a60001;}
ul#mobileMenu ul.children ul li {font-style: italic;font-size: 90%;}

/* #################################### */
/* FOOTER */
/* #################################### */
#footer {width:100%;max-width: 960px;margin: 0 auto;padding-top: 15px;padding-bottom: 15px;font-weight:bold;text-align: center;font-size: 9px;line-height: 11px;}
#footer a:link, #footer a:active, #footer a:visited {color:#222;font-weight:bold;text-decoration:none;}
#footer a:hover {font-weight:bold;text-decoration:underline;}

/* ############################### */
/* TABLES AND ULs */
/* ############################### */
table {border-collapse: collapse;}
th, td {padding: 0;}

/* ############################### */
/* SOCIAL WIDGETS */
/* ############################### */
#socialBar {width: 960px;height: 48px;text-align: right;position: absolute;margin-left: 15px;margin-top: 15px;}
#fbWidget a {display: inline-block;width: 48px;height: 48px;background: url(img/f.png) no-repeat;}
#twWidget a {display: inline-block;width: 48px;height: 48px;background: url(img/t.png) no-repeat;}
#ytWidget a {display: inline-block;width: 48px;height: 48px;background: url(img/y.png) no-repeat;}
#socialBar div {display: inline-block;margin-left: 5px;}
#fbWidget a:hover {background: url(img/f2.png) no-repeat;}
#twWidget a:hover {background: url(img/t2.png) no-repeat;}
#ytWidget a:hover {background: url(img/y2.png) no-repeat;}
#fbWidget a:active {background: url(img/f.png) no-repeat;}
#twWidget a:active {background: url(img/t.png) no-repeat;}
#ytWidget a:active {background: url(img/y.png) no-repeat;}

/* ############################### */
/* FRONT-PAGE TESTIMONIALS */
/* ############################### */
blockquote {line-height: 22px;margin-left: 55px;background: none !important;}
.open-quote {font-size: 650%;position: absolute;display: run-in;margin-top: 33px;margin-left: -55px;}
.close-quote {font-size: 150%;}

/* ############################### */
/* WORDPRESS WYSIWYG EDITOR STUFF */
/* ############################### */
.entry-content img {margin: 0 0 1.5em 0;	}
.alignleft, img.alignleft {margin-right: 1.5em;display: inline;float: left;}
.alignright, img.alignright {margin-left: 1.5em;display: inline;float: right;}
.aligncenter, img.aligncenter {margin-right: auto;margin-left: auto;display: block;clear: both;}
.alignnone, img.alignnone {	/* not sure about this one */}
.wp-caption {margin-bottom: 1.5em;text-align: center;padding-top: 5px;}
.wp-caption img {border: 0 none;padding: 0;margin: 0;}
.wp-caption p.wp-caption-text {line-height: 1.5;font-size: 10px;margin: 0;}

/* #################################### */
/* CONTACT FORM */
/* #################################### */
table.contact td {vertical-align: top;}
#contactForm {padding-top: 30px;}
#contactForm div.inputDiv{text-align: right;padding-bottom:8px;}
#contactForm label {display: inline-block;text-transform: uppercase;vertical-align:top;font-weight:bold;margin-right:3px;margin-top: 4px;font-size: 12px;}
#contactForm label.nopadding {margin-right: 0px;display: block;padding-bottom: 5px;}
#contactForm label.notop {margin-top: 0px;}
#contactForm input[type=text] {width:150px;height:22px;border: 1px #f0f4f5 solid;font-size:13px;font-weight:bold;color:#252a2b;padding:2px;background:#fff;border-radius: 2px;}
#contactForm textarea {width:250px;height:155px;border: 1px #f0f4f5 solid;font-size:13px;font-weight:bold;color:#252a2b;padding:2px;background:#fff;border-radius: 2px;}
#contactForm .submitButton {min-width:100px;float: right;}
div#formErrors {color: #222;font-weight: normal;font-size: 12px;text-align:left;font-style: italic;line-height:15px;background: url(../img/error.png) left 2px no-repeat;background: #ffd775;padding: 8px;border-radius: 4px;padding-bottom: 11px;}
div#formErrors h3 {margin-left: -8px;width: 454px;margin-top: -15px;margin-bottom: 10px;font-family:'Lucida Sans Unicode','Lucida Grande','Lucida Sans','DejaVu Sans Condensed';font-size: 16px;font-style: italic;font-weight: bold;}
div#formErrors p {padding-bottom: 4px;}

/* ############################### */
/* SCREEN DETECTION */
/* ############################### */
.showfluid {display: none;}
#mobileMenu{display: none;}
@media screen and (max-width: 1024px) {
.hidefluid {display: none !important;}
.showfluid {display: block !important;}
#socialBar {display: none;}
#logo{width: 100%;position: relative;margin-left: 0px;margin-top: 0px;background:url(img/logo.png) center center no-repeat;}
.mapcol{display: none;}
#logoLink{display: none !important;}
.column1 {float: none;width: 100%;}
.column2 {float: none;width: 100%;}
.column3 {float: none;width: 100%;}
.column4 {float: none;width: 100%;}
.column .textwidget img {margin: 0 auto;width: 100%;}
.precol {float: none;width: 100%;padding: 0px !important;text-align: center;}
.precol h1 {text-align: center !important;}
.splitLeft {float:none;width: 100%;padding-left: 0px !important;padding-right: 0px !important;padding-bottom: 15px;}
.splitRight {float:none;width: 100%;padding-left: 0px !important;padding-right: 0px !important}
#contentWrapper {padding-right: 15px;padding-left: 15px;}
#contentWrapper img {max-width: 100%;margin: 0 auto;float: none;}
#contentWrapper img + img {padding-top: 15px;}
#contactForm {display: none;}
.articleDate{display: none;}
.sidebarWrapper{display: none;}
.blogWrapper{float: none;box-sizing: border-box;}
#navWrapper{display: none;}
#mobileMenu{display: block;}
.prefooter  {padding-top: 20px;padding-bottom: 10px;}
}