/**
 * @brief LaBoucherieStyle Theme, main styles.
 * @details Plugin / Theme Styles
 * @author JB Lebrun
 * @version 1.0.0
 * @date Creation: Sep 2022
 * @date Modification: Sep 2022
 * @copyright 2022 Ideogram Design
 */

@font-face{font-family: "OswaldMedium"; src: url('../fonts/Oswald-Medium.ttf');}
@font-face{font-family: "OswaldLight"; src: url('../fonts/Oswald-Light.ttf');}

/* global */
* {padding:0; margin:0; box-sizing: border-box;}
body {background:white;}
p {padding: 8px 0;}
a { text-decoration:none; color:#c51A1b; transition: color 0.3s; }
a:hover {color:#c51A1b;}
ul {margin:0px 28px; padding:0; list-style:url(../img/bullet.png);}
ul ul {margin:0px 18px; padding:0; list-style:url(../img/bullet2.png);}
ul ul ul {margin:0px 18px; padding:0; list-style:url(../img/bullet.png);}
ol {margin:0px 28px; padding:0;}
li {margin:4px 4px 8px;}
b, strong {font-family: 'OswaldMedium', sans-serif;}
i, em {font-style:italic;}
blockquote {margin:8px 20px;}
input, textarea, select {border:solid 1px #e6e6e6; padding:0; background:#f9f9f9; color:black; font-family: 'OswaldMedium', sans-serif; font-size:15px;}
select {padding:4px;}
input, textarea, option {padding:4px 4px; font-family: 'OswaldMedium', sans-serif; color:black; font-size:15px; line-height:15px;}
option[disabled="disabled"] {color:#9b9b9b;}
input[disabled="disabled"] + label {color:#9b9b9b;}

textarea{resize: none;}
input[type=radio] {margin-right:8px;}
.inputs {width:250px;} select.inputs {width:255px;}
.linputs {width:400px;} select.linputs {width:405px;}
.sinputs {width:150px;} select.sinputs {width:155px;}
.vsinputs {width:40px;} select.vsinputs {width:55px;}
.vlinputs {width:100%;}
form {margin:0; font-size:0;}
.img{font-size:0}
sup, sub{font-size:9px; color:inherit;}
img {border:0; max-width:100%; height:auto;}
.RSS {float:right; position:relative; top:4px;}

/* icon image for layered menu */
img.icon{float:left; margin-right:4px;}

/* error */
.error {text-align:center; font-family: 'OswaldMedium', sans-serif; color:#feca33; padding:4px;}

/* tool */
.clear {clear:both; height:0; font-size:0;}
.unselectable {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor:default;}

/* loading */
@keyframes rotate360 {
  to {transform: rotate(360deg);}
}
#Loading {margin:40px auto; height:154px; width:154px; background:url(../img/custom/loading.gif) no-repeat; /* animation: 2s rotate360 infinite linear; */}


/* update social networks */
.SNSP.follow {z-index:9997; top:150px !important;}

/* editor */
* {font-family: 'OswaldLight', sans-serif; font-size: 15px; color:black;}

/* generic titles */
.eTitle1 {font-family: 'OswaldMedium', sans-serif; font-size:30px; text-transform:uppercase; color:#c51A1b; margin:0 0 8px;}
.eTitle2 {font-family: 'OswaldMedium', sans-serif; font-size:21px; text-transform:uppercase; color:#c51A1b; line-height:23px;}
.eTitle3 {font-size:20px; font-style:italic; font-family: 'OswaldMedium', sans-serif; color:#c51A1b; }
.eTitle4 {font-size:16px; color:#c51A1b; font-family: 'OswaldMedium', sans-serif;}

/* generic contents */
.eContent1 {}
.eContent2 {font-family: 'OswaldMedium', sans-serif;}
.eContent3 {font-size: 20px;}

p.eContent1, p.eContent2, p.eContent3 {text-align:justify}

a.eLink1 {transition: color 0.3s, border 0.3s;}
a.eLink2 {font-family: 'OswaldMedium', sans-serif; transition: color 0.3s, border 0.3s;}
a.eLink1:hover, a.eLink2:hover {color:#707070;}

table.eTable{margin:4px 96px; border:solid 1px #797f9d;}
th.eTableHeader, td.eTableHeader {background:#797f9d; padding:4px; font-family: 'OswaldMedium', sans-serif; color: white;}
td.eTableLine0 {background:white; padding:4px; font-family: 'OswaldMedium', sans-serif;}
td.eTableLine1 {background:#EFEAF4; padding:4px; font-family: 'OswaldMedium', sans-serif;}

td.eTableLineAuto {background:white; padding:4px; font-family: 'OswaldMedium', sans-serif;}
tr:nth-child(odd) td.eTableLineAuto {background:#EFEAF4; padding:4px; font-family: 'OswaldMedium', sans-serif;}

/* parts */
.LaBoucherieButton {display:inline-block; min-width: 150px; padding:5px 8px 2px; font-size:16px; line-height:27px; color:white; background:#c51A1b; border:solid 1px #c51A1b; text-align:center !important; transition: all 0.3s; text-transform:uppercase;}
.LaBoucherieButton:hover {color:white;}
.LaBoucherieButton2 {display:inline-block; min-width: 150px; padding:5px 8px 2px; font-size:16px; line-height:27px; color:#c51A1b; border:solid 1px #c51A1b; text-align:center !important; transition: all 0.3s; text-transform:uppercase;}
.LaBoucherieButton2:hover {border:solid 1px black; color:black;}

.LaBoucherieButton + .LaBoucherieButton, .LaBoucherieButton2 + .LaBoucherieButton, .LaBoucherieButton + .LaBoucherieButton2, .LaBoucherieButton2 + .LaBoucherieButton2 {margin-left:20px;}

/* media popup */
.mediaPopupBkgd {position:fixed; left:0; top:0; background:white; opacity:0.9; filter:alpha(opacity=90); width:100%; z-index:10000;}
.mediaPopup {z-index:10001; padding:30px 10px 10px; background:url(../img/custom/bkgd.png) 0 0 repeat-x white; background-size:auto 36px; position:fixed; top:0; left:0; text-align:center; max-width:96%; box-sizing: content-box; box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.15);}
.mediaPopup .closeButton {width:0; height:0; overflow:visible; float:right; position:relative; top:20px; left:-50px; cursor:pointer; font-size:0;}
.mediaPopup .closeButton img {width:33px !important; height:33px !important; max-width:33px;}
.mediaPopup .mediaTitle {margin:4px 0 0; padding:2px 8px; text-align:center; color:#444444; font-family: 'OswaldMedium', sans-serif;}

/* page controler in control bar */
.genericPageEmptyController {font-size:0px; height: 0px; }
.genericPageController {margin:0 0 16px; padding:0 4px; width:100%; clear:both; }
.genericPageController .gpcBox {margin:0 auto; border-collapse: separate !important;}
.genericPageController .gpcButton {padding:0px 10px; font-size:0; vertical-align:middle; /* border:solid 1px #363336; */}
.genericPageController .gpcButton img {max-width:10px;}
.genericPageController .gpcButton:first-child{border-radius:6px 0 0 6px; border-right:none;}
.genericPageController .gpcButton:last-child{border-radius:0 6px 6px 0;}
.genericPageController .gpcSelected {line-height:17px; font-family: 'OswaldMedium', sans-serif; padding:5px 12px; font-size:16px; color:white; background:#c51A1b; text-decoration:none; display:inline-block;}
.genericPageController .gpcLink {line-height:17px; color:#; padding:5px 12px; text-decoration:none; font-size:16px; font-weight:600; display:inline-block; transition: color 0.3s;}
.genericPageController .gpcLink:hover {text-decoration:none; color:#c51A1b; }
.genericPageController .gpcSpacer{padding:0 2px; color:#c51A1b; text-decoration:none;}
.genericPageController .gpcLPage{padding:0; color:#c51A1b; text-decoration:none; /* border:solid 1px #363336; */ border-right:none;}
.genericPageController .gpcRPage{padding:0; color:#c51A1b; text-decoration:none; /* border:solid 1px #363336; */ border-right:none;}
.genericPageController .gpcPage{padding:0; color:#c51A1b; text-decoration:none; /* border:solid 1px #363336; */ border-right:none;}

/* page structure */
.mainContent {max-width:1160px; margin:0 auto; font-size:0;}
.mainContent.htmlContent {padding:20px 270px;}

.transparentLine {background:none; font-size:0;}
.color1Line {background:#c51A1b; font-size:0;}
.color2Line {background:#3d6416; font-size:0;}
.color3Line {background:#c51A1b; font-size:0;}

.color1Line .eTitle2 {color:white;}
.color1Line .LaBoucherieButton {background:#2f343d; border:solid 1px #2f343d; min-width:220px;}
.color1Line .LaBoucherieButton:hover {border:solid 1px #707070; color:#707070;}

/* header  */
#pageHeader {}
#pageHeader .demoButton {z-index:9997; position:fixed; right:0px; width:53px; overflow:hidden; transition:all 0.3s linear;
                         animation-name: demoButton; animation-duration: 0.8s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: linear; opacity: 1;}
#pageHeader .demoButton img {width:213px; max-width:213px;}
#pageHeader .demoButton:hover {width:213px; animation:none;}
#pageHeader .demoButton.contacts {top:140px;}
#pageHeader .demoButton.informations {top:190px;}

@keyframes demoButton {
     to {
          opacity: 0.6;
     }
}

#pageHeader .demoMessage {text-align:center; color:#1f1d1f; background:#feca33; padding:4px 0px; position:fixed; top:0; width:100%; border-bottom:solid 2px white; z-index:9999;}
#pageHeader .demoMessage + .headBar {margin-top:30px;}

#pageHeader .headBar {height:120px; overflow:visible; background:url(../img/custom/bkgd.png) 0 0 repeat-x; font-size:0; z-index:8; position:relative;}
#pageHeader .headBar .myCaddy {display:none;}
#pageHeader .headBar .myMenu {display:none;}
#pageHeader .headBar .logo {display:inline-block; width:260px; height:160px; position:relative; z-index:9998; background:url(../img/custom/logo.png) 100% 100% no-repeat transparent; background-size:80% auto; vertical-align:top;}

#pageHeader .headBar .menu {float:right; width:220px; padding:60px 10px 0 0;}
#pageHeader .headBar .menu a:first-of-type {display:none;}
#pageHeader .headBar .menu a {display:block; padding:4px 8px 2px; font-size:16px; color:#c51A1b; border:solid 1px #c51A1b; text-align:center !important; transition: all 0.3s; text-transform:uppercase;}
#pageHeader .headBar .menu a:hover {border:solid 1px #c51A1b; color:#c51A1b;}

#pageHeader .headBar .account {float:right; width:120px; padding:12px 0 0 20px;}

#pageHeader .headBar .sites {display:inline-block; width:500px; vertical-align:top; padding:20px 10px;}
#pageHeader .headBar .sites .site {display:inline-block; width:220px; overflow:visible; border-right:solid 1px #c51A1b; padding:50px 0 0; vertical-align:top;}
#pageHeader .headBar .sites .site.single {width:auto;}
#pageHeader .headBar .sites .site:last-child {border:none;}
#pageHeader .headBar .sites .site .title {font-family: 'OswaldMedium', sans-serif; color:#c51A1b; font-size:16px;}
#pageHeader .headBar .sites .site .phone a {font-size:16px;}
#pageHeader .headBar .sites .site .schedule {color: #c51A1b; font-size:16px; font-weight:bold;}
#pageHeader .headBar .sites .site .address {font-size:16px;}

#pageHeader .subBar {height:60px; overflow:visible; font-size:0px;}
#pageHeader .subBar .title {display: inline-block; padding: 20px 12px 0 20px; margin-left:250px; width:660px; vertical-align:top; line-height:28px;}
#pageHeader .subBar .mobileSiteSelector {display:none;}

#pageHeader .subBar .caddy {display: inline-block; width:250px; vertical-align:top; padding:0 0 4px; margin:87px 0 0; background:#c51A1b;}
#pageHeader .subBar .caddy .header {font-family: 'OswaldMedium', sans-serif; font-size:20px; padding: 12px 0 4px; text-transform:uppercase; text-align:center; color:white;}
#pageHeader .subBar .caddy .total {font-family: 'OswaldLight', sans-serif; font-size:28px; padding: 0 16px; color:white; text-align:center;}
#pageHeader .subBar .caddy .rebate {background:#2f343d; padding: 4px 16px; color:white; text-align:right; font-weight:300;}
#pageHeader .subBar .caddy .rebate:empty {display:none;}
#pageHeader .subBar .caddy .finaliseButton {display:block; margin: 4px 30px 16px; background:white; font-family: 'OswaldMedium', sans-serif; color:#c51A1b; padding:4px; text-transform:uppercase; text-align:center; font-size:14px; transition: * 0.3s ease;}
#pageHeader .subBar .caddy .finaliseButton:hover {color:black;}
#pageHeader .subBar .caddy .articles {}
#pageHeader .subBar .caddy .articles .article {font-size:0; border-bottom:solid 1px white; margin: 4px 12px;}
#pageHeader .subBar .caddy .articles .article:last-of-type {border-bottom:none;}
#pageHeader .subBar .caddy .articles .articleTitle {vertical-align:top; display:inline-block; width:156px;}
#pageHeader .subBar .caddy .articles .articleQuantity {vertical-align:top; display:inline-block; width:20px; padding:4px; text-align:center; font-family: 'OswaldMedium', sans-serif; color:white; font-size:15px;}
#pageHeader .subBar .caddy .articles .articleQuantityButton {vertical-align:top; display:inline-block; width:25px; margin:2px 0 0; padding:3px 3px 4px ; text-align:center; color:white; cursor:pointer; font-family: 'OswaldMedium', sans-serif; font-size:15px; line-height:14px; transition: all 0.3s; border:solid 2px white; border-radius:16px;}
#pageHeader .subBar .caddy .articles .articleQuantityButton:hover {border:solid 1px black; color:black;}
#pageHeader .subBar .caddy .articles .articleQuantityNoButton {vertical-align:top; display:inline-block; width:25px; margin:2px 0 0; padding:3px 3px 4px ; text-align:center; color:#c51A1b; font-family: 'OswaldMedium', sans-serif; font-size:15px; line-height:14px;}
#pageHeader .subBar .caddy .articles .articleTitle .masterTitle {color:white; font-size:15px; line-height:16px; padding:5px 0;}
#pageHeader .subBar .caddy .articles .articleTitle .articleChildren {font-size:0; width:200px;}
#pageHeader .subBar .caddy .articles .articleTitle .articleChildren .childrenTitle {display:inline-block; padding-left:16px; font-style:italic; color:white; font-size:14px;}

#MobileMenu {display:none;}

/* footer */
#pageFooter {width:100%; font-size:0; background:#c51A1b;}
#pageFooter * {color:white;}
#pageFooter .eTitle2 {padding-bottom: 16px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25% , rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 75%); background-size: 100% 2px; background-repeat:no-repeat; background-position:0 100%;}
#pageFooter .box {background:#c51A1b; padding:20px 20px 0; font-size:0;}
#pageFooter .box .schedules {display:inline-block; width:50%; text-align:center; vertical-align:top;}
#pageFooter .box .schedules .openings {padding:10px 0 0;}
#pageFooter .box .socialNetworks {display:inline-block; width:50%; text-align:center; vertical-align:top;}
#pageFooter .box .socialNetworks .networkIcon {padding:16px 12px 0; transition:opacity 0.3s ease;}
#pageFooter .box .socialNetworks .networkIcon:hover {opacity:0.6;}
#pageFooter .box .menu {display:block; padding:10px 0; text-align:center;}

/* content */
#pageContent {margin:0 0 80px;}

/* shop */
.shop {margin: 20px auto 0;}
.shop .status {padding:16px; margin:0 0 30px; text-align:center; font-size:16px;}
.shop .status.soft {color:#c51A1b;}
.shop .status.hard {background:#c51A1b; color:white;}

/* shop - families menu */
.shop .families {display:inline-block; vertical-align:top; width:250px; background:#f9f9f9;}
.shop .families .menuHeader {display:none;}
.shop .families .family {display:block; padding:10px; text-transform:uppercase; font-size:18px; text-align:right; transition: all 0.3s; color:black;}
.shop .families .family:hover {color:#c51A1b;}
.shop .families .family.selected {background-color:#c51A1b; color:white; font-family: 'OswaldMedium', sans-serif;}

/* shop - families menu */
.shop .families .subMenu {margin: 4px 10px 0 0; border-right:solid 2px #c51A1b;}
.shop .families .subMenu.off {display:none;}
.shop .families .subMenu.on {display:block;}
.shop .families .subMenu .category {display:block; padding:0; text-transform:uppercase; font-size:16px; color:black; text-align:right; transition: all 0.3s;}
.shop .families .subMenu .category:hover {color:#c51A1b;}
.shop .families .subMenu .category.selected {color:#c51A1b; font-family: 'OswaldMedium', sans-serif;}

/* shop - articles list */
.shop .articles {display:inline-block; vertical-align:top; width:660px; padding: 0 10px; font-size:0;}
.shop .articles .genericPageController:first-of-type {display:none;}

.shop .articles .article {display:inline-block; padding:20px 0 20px; vertical-align:top; transition: all 0.3s; }
.shop .articles .article:hover {box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.10); background-size:auto 10%;}
.shop .articles .article.col3 {width:30%;}
.shop .articles .article.col2 {width:46%;}
.shop .articles .article .picture {text-align:center; padding:5px 0;}
.shop .articles .article .picture img {width:225px;}
.shop .articles .article .title {display:block; font-family: 'OswaldMedium', sans-serif; text-transform:uppercase; text-align:center; font-size: 18px; color:black; padding:0 0 10px; line-height:20px;}
.shop .articles .article .description {text-align:center; margin:4px 0; font-style:italic; color:#888;}
.shop .articles .article .priceBar {background:#f9f9f9; cursor:pointer; width:200px; margin:0 auto; overflow:hidden; font-size:0; vertical-align:top;}
.shop .articles .article .priceBar .price{display:inline-block; width:172px; color:#c51A1b; font-family: 'OswaldMedium', sans-serif; line-height:24px; height:18px; padding:2px 16px 0; position:relative; top:0; left:0; text-align:center; vertical-align:top;}
.shop .articles .article .priceBar .price:after{content:attr(data-title); display:inline-block; width:140px; position:relative; top:2px; left:-16px; line-height:20px; height:24px; padding:6px 16px 0; background:#c51A1b; color:white; transition:.2s;}
.shop .articles .article .priceBar .orderButton{display:inline-block; background:url(../img/custom/addToCart.png) 50% 50% no-repeat #c51A1b; width:28px; height:28px; margin:0;  vertical-align:top;}
.shop .articles .article .priceBar:hover .price:after{top:-28px;}

/* shop - article single */
.shop .articleSingle {display:inline-block; vertical-align:top; width:620px; margin: 0 20px;}
.shop .articleSingle .actions {font-size:0;  display:block;}
.shop .articleSingle .actions .priceBox {float: left; display:inline-block; width:380px; background:url(../img/custom/addToCart.png) 4% 50% no-repeat #c51A1b; padding:6px 8px 5px; margin-right:50px; vertical-align:top; font-size:0; transition: background 0.3s;}
.shop .articleSingle .actions .priceBox .price {float: right; display:inline-block; width:92px; font-size:16px; color:white; font-family: 'OswaldMedium', sans-serif; vertical-align:top; padding:0 0 0 16px; text-align:right;}
.shop .articleSingle .actions .priceBox .orderButton {display:inline-block; width:262px; font-size:16px; text-transform:uppercase; text-align:left; padding-left:32px; cursor:pointer; color:white;}

.shop .articleSingle .actions .priceBox:hover {background:url(../img/custom/addToCart.png) 4% 50% no-repeat black;}


.shop .articleSingle .data {padding:0 0 20px; font-size:0; display: flex; clear:both;}
.shop .articleSingle .data .picture {order: 1; display:inline-block; width:200px; text-align:center; vertical-align:top;}
.shop .articleSingle .data .picture img {}
.shop .articleSingle .data .description {order: 2; display:inline-block; width:420px; vertical-align:top; padding-top:20px; color:black;}

.shop .articleSingle .extra {border-top:solid 1px #999999; font-size:0; margin:0 20px 0; padding:20px 0;}
.shop .articleSingle .extra .block {display:inline-block; vertical-align:top;}
.shop .articleSingle .extra .block:first-child {width:65% !important; padding-right:20px;}
.shop .articleSingle .extra .block:last-child {width:35%;}
.shop .articleSingle .extra .block .title {font-family: 'OswaldMedium', sans-serif; line-height:15px; font-size:12px; padding:0 12px; color:black;}
.shop .articleSingle .extra .block .line {font-size:0;}
.shop .articleSingle .extra .block .line .name {text-align:right; padding-right:10px; color:black;}
.shop .articleSingle .extra .block .line .value {color:#444444; text-align:center;}
.shop .articleSingle .extra .block .item {padding-left:20px;}

/* shop - selection popup */
#SelectionPanel {padding:10px 20px; width:640px; height:480px; overflow:auto;}
#SelectionPanel * {text-align:left;}
#SelectionPanel .eTitle2 {color:black;}
#SelectionPanel .eContent1 {color:black;}
#SelectionPanel .articles {font-size:0; padding:0 0 10px; border-bottom: solid 1px #c51A1b; margin:0 0 10px;}
#SelectionPanel .articles.last {border:none !important;}
#SelectionPanel .articles .article {display:inline-block; width:50%; padding:1px 0; color:black;}
#SelectionPanel .articles .article input {margin-right:8px;}
#SelectionPanel .buttons {text-align:right;}
#SelectionPanel .qttButton {vertical-align: top; display: inline-block; width: 17px; margin: 2px 6px 0 0; padding: 3px 3px 1px; text-align: center; color: #d22e26; cursor: pointer; font-weight: bold; font-size: 16px; line-height: 12px; transition: all 0.3s; border: solid 1px #d22e26; border-radius: 12px;}
#SelectionPanel .qttButton.disabled {color:black; border:solid 1px black; opacity:0.35; cursor:default;}
#SelectionPanel .qttButton:hover {color:black; border:solid 1px black;}
#SelectionPanel .qttValue {display:inline-block; margin: 0 6px 0 0; width:10px; text-align:center;}

#SelectionPanel .articles.flash {
    animation-name: error;
     animation-duration: 0.25s;
     animation-iteration-count: 4;
     animation-direction: alternate;
     animation-timing-function: linear;
     background-color: #1f1d1f;
}

@keyframes error {
     to {
          background-color: #c51A1b;
     }
}

/* order */
.order {font-size:0; padding:7px 270px;}
.order .message {text-align:center; background:#DC0000; padding:4px 0; color:white; }
.order .message a {color:white; border-bottom:dotted 1px pink; font-family: 'OswaldMedium', sans-serif;}
.order #informationForm {color:black;}
.order #informationForm .eTitle2 {font-size:16px; color:black;}
.order #informationForm .eContent2 {color:black;}
.order #informationForm .formAddress {color:black;}
.order #informationForm .formPhone {color:#c51A1b;}

.order .confirmationBox {color:black; padding:25px 25px 0; margin: 20px 0 0;}
.order .confirmationBox .eContent1 {color:black;}

.order .block {padding:0 0 16px; border-bottom:solid 1px #dfdfdf; font-size:0; margin-bottom:16px;}
.order .block:last-child {border:none;}

/* form */
.form {}
.formHalfLine {display:inline-block; width:50%; padding:4px 0; font-size:0;}
.formLine {display:block; padding:4px 0; font-size:0;}
.formItem {display:inline-block; width:100px; text-align:right; vertical-align:top; color:black;}
.formInput {display:inline-block; width:320px; padding:0 8px;}
.formMediumInput {display:inline-block; width:320px; padding:0 8px; text-align:left;}
.formLongInput {padding:0 8px;}
.formItem + .formLongInput {display:inline-block;}
.formRadio {padding: 2px 0 2px 16px;}
.formAddress {padding: 2px 0 2px 36px; font-style:italic; line-height:17px;}
.formButtons {text-align:right; padding:0;}

.paymentDemo {width:450px; max-width:100%; margin:40px auto; padding: 20px;}
.paymentDemo .creditcard {display:inline-block; width:240px; border-bottom:solid 1px #707070; height:20px; color:black;}
.paymentDemo .datemonth {display:inline-block; width:40px; border-bottom:solid 1px #707070; height:20px; color:black;}
.paymentDemo .dateyear {display:inline-block; width:40px; border-bottom:solid 1px #707070; height:20px; color:black;}

/* home *
.homePortal .bannerBox {height:350px; overflow:display;}
.homePortal .banners {width:1150px; margin:0 auto; background:#232123; height:350px; overflow:visible; font-size:0;}
.homePortal .banners .blockBanner {display:none; font-size:0;}
.homePortal .banners .banner {position:relative; width:0; height:0; overflow:visible; font-size:0;}
.homePortal .banners .banner img {width:1150px; max-width:1150px; height:350px;}
*/

.homePortal .bannerBox {}
.homePortal .banners {position:relative; text-align:center;}
.homePortal .banners .blockBanner {display:block; font-size:0;}
.homePortal .banners .banner {position:absolute; width:100%; top:0; font-size:0; text-align:center;}

.homePortal .shopButton {font-size:0px;}
.homePortal .shopButton .content {display:inline-block; width:58%; background-color:rgba(0,0,0,0.2); padding: 20px 40px 20px 120px; color:white; vertical-align:top; }
.homePortal .shopButton .content * {color:white;}
.homePortal .shopButton .button {display:inline-block; width:42%; padding: 30px 40px 10px; color:white; text-align:center; vertical-align:top;}
.homePortal .shopButton .button:hover {opacity:0.8;}

.homePortal .freeContent .mainContent{max-width:920px; padding:20px 0;}
.homePortal .mainContent.articles {padding:20px 40px 20px 20px; font-size:0;}
.homePortal .articles .article {display:inline-block; width:50%; vertical-align:top;}

.homePortal .mainContent.guestbook {padding:20px 40px 20px 20px; font-size:0;}
.homePortal .guestbook .messages {display:inline-block; width:70%; vertical-align:top;}
.homePortal .guestbook .messages .message {border-bottom:solid 1px #c51A1b;}
.homePortal .guestbook .buttonBox {display:inline-block; width:30%; vertical-align:top; text-align:right;}
.homePortal .guestbook .buttonBox .buttons {margin-bottom:12px;}

.homePortal .mainContent.survey {padding:20px 40px 20px 20px; font-size:0; text-align:center;}
.homePortal .survey .eTitle2 {text-align:left;}
.homePortal .survey .column {display:inline-block; vertical-align:top; width:45%;}
.homePortal .survey .g-recaptcha {display:inline-block; margin: 0 auto;}



/* articles */
.mainContent.articles {padding:20px 270px 20px 155px; font-size:0;}
.articles .article {}
.articles .article .date {width:80px; float:left;}
.articles .article .date .dayMonth {}
.articles .article .date .day {text-align:right; color:#c51A1b; font-size:32px; line-height:32px; padding:4px 0 0;}
.articles .article .date .month {text-align:right; color:#c51A1b; font-size:24px; line-height:18px; padding: 0 0 4px;}
.articles .article .date .year {display:none; color:#c51A1b; text-align:center; padding: 4px; font-family: 'OswaldMedium', sans-serif;}
.articles .article .content {margin-left:100px; border-left:solid 1px #c51A1b; padding-left:32px;}
.articles .article .content a.title {font-size:18px;}
.articles .bottomSeparator {clear:both; height:20px;}

.mainContent.articleDisplay {padding:20px 270px 20px 155px;}
.articleDisplay .date {width:80px; float:left; padding-right:20px; border-right:solid 1px #c51A1b;}
.articleDisplay .date .dayMonth {}
.articleDisplay .date .day {text-align:right; color:#c51A1b; font-size:32px; line-height:32px; padding:4px 0 0;}
.articleDisplay .date .month {text-align:right; color:#c51A1b; font-size:24px; line-height:18px; padding: 0 0 4px;}
.articleDisplay .date .year {display:none; color: #c51A1b; text-align:center; padding: 4px; font-family: 'OswaldMedium', sans-serif;}
.articleDisplay .content {margin-left:100px; padding-left:32px;}
.articleDisplay .content .picture {margin:12px 0; text-align:center;}
.articleDisplay .share {float:right; line-height:10px;}
.articleDisplay .share img {vertical-align:-8px;}

.commentWarning {padding:4px 0; font-size:12px;}

#comments {margin-left:100px;}
.commentForm .formInput {padding:4px 0; display:block; width:100%;}
.commentForm .formButton {padding:4px 0; text-align:right;}
.commentForm .g-recaptcha div {margin-left:auto;}

.commentList .commentHeader {font-family: 'OswaldMedium', sans-serif;}
.commentList .commentHeader .info {font-family: 'OswaldMedium', sans-serif; color: #c51A1b;}
.commentList .commentContent {padding-left:40px;}

/* guest book */
.mainContent.guestbook {padding:20px 270px; font-size:0;}
.guestbook .buttons {padding:4px 20px;}
.guestbook .message {border-bottom: solid 1px #363336; padding:20px; }
.guestbook .message .content {}
.guestbook .message .author {font-size:16px; font-style:italic; color:#c51A1b;}

/* guestbook popup */
.guestBookPopup {padding:10px 20px;}
.guestBookPopup .eContent1{padding:0 0 4px;}
.guestBookPopup .formInput{padding:0 0 8px; display:block; width:100%;}
.guestBookPopup .buttons {padding:4px 0; text-align:right;}

/* account viewer */
.accountViewer {padding:30px 270px;}
.accountViewer.login {text-align:center;}
.accountViewer.login p.eContent1 {text-align:center;}
.accountViewer.login .formButtons {text-align:center;}