html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
display: block;
}
body {
line-height: 1;
background: #fff;
}
ol, ul {
list-style: none;
}
a{
text-decoration: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
input,
button,
select:focus {outline: none; }
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
a{
-webkit-transition: color 300ms linear;
transition: color 300ms linear;
}
section{
width:100%;
}
@font-face {
font-family: Gotham_Black_Regular;
src: url(../fonts/Gotham_Black_Regular.otf);
}
@font-face {
font-family: Gotham_Bold;
src: url(../fonts/Gotham_Bold.otf);
}
@font-face {
font-family: Gotham_Book_Regular;
src: url(../fonts/Gotham_Book_Regular.otf);
}
@font-face {
font-family: Gotham_Medium;
src: url(../fonts/Gotham_Medium.otf);
}
@font-face {
font-family: Gotham_Book_Italic;
src: url(../fonts/Gotham_Book_Italic.otf);
}
textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
border-radius: 0;
}
section{
float: left;
width: 100%;
}
.no-scroll {
overflow: hidden;
height: 100%;
z-index: -999;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
#page {
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.overlay-body {
width: 100%;
height: 100%;
z-index: 999999;
opacity: 0;
}
/*--------------------------------- NEW STYLE 2019 ---------------------*/
.text--uppercase {
text-transform: uppercase !important;
}
.font--size-4n {
font-size: 40px !important;
font-family: Gotham_Black_Regular !important;
color: #C50119 !important;
padding-bottom: 0px !important;
}
.font--size-8n{
font-size: 80px !important;
line-height: 80px !important;
text-align: end;
}
.new--position .red-bttn {
float: right !important;
}
.custom--padding {
padding: 12px !important;
position: absolute;
bottom: 80px;
right: 45%;
}
.new--position{
float:right !important;
left: 0px !important;
right: unset !important;
text-align: initial !important;
padding-top: 60px !important;
}
.new--position .red-bttn {
float: left;
}
.margin--top-8 {
margin-top: 100px;
}
.margin--top-5 {
margin-top: 50px !important;
}
.float--right {
float: right;
}
.display--inline {
display: inline-block !important;
}
.image-referal img {
display: inline-block;
width: 100%;
position: absolute;
}
.color--white {
background-color: white;
margin-top: 60px;
padding-bottom: 50px;
padding-top: 50px;
margin-bottom: 100px !important;
}
.width--9 {
width: 90% !important;
}
.contact-otto-form input {
border: 1px solid rgba(0, 0, 0, 0.2) !important;
}
.contact-otto-form textarea {
border: 1px solid rgba(0, 0, 0, 0.2) !important;
}
.red-bttn-important {
color: #fff !important;
font-family: Gotham_Book_Regular !important;
background: #c50119 !important;
border-radius: 4px !important;
display: block !important;
text-align: center !important;
padding-top: 12px !important;
margin: 0 auto !important;
font-size: 22px !important;
padding-bottom: 12px !important;
text-transform: uppercase !important;
}
.float--none {
float: none !important;
}
.width--8 {
width: 80% !important;
}
.margin--bottom-15 {
margin-bottom: 150px !important;
}
.contact-otto-form {
background-color: #f5f5f5;
}
.font--size-3 {
font-size: 30px !important;
}
.font--size-2 {
font-size: 20px !important;
}
.line--height-1 {
line-height: 15px !important;
}
.legal-page {
overflow-x:hidden;
}
.print-recipe {
margin-top: 30px !important;
width: 50% !important;
float: left !important;
}
.text--bold {
font-family: Gotham_Bold !important;
}
.contact-otto-form .otto-form-left {
padding-left: 100px !important;
}
.full--width {
width: 100% !important;
}
.padding--bottom-5 {
padding-bottom: 50px !important;
}
.woocommerce-cart .coupon {
display: none;
}
/* ----------------------------------------------------------------------*/
.red-bttn {
-webkit-transition: 0.5s;
transition: 0.5s;
}
.trans-bttn {
-webkit-transition: 0.5s;
transition: 0.5s;
}
.red-bttn:hover {
background-color:#aa0115;
}
.trans-bttn:hover {
background-color: #c50119;
color: white !important;
}
.home-grill-type img:hover {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
.home-grill-type img {
-webkit-transition: 0.3s;
transition: 0.3s;
}
.youtube-bttn img {
-webkit-transition: 0.3s;
transition: 0.3s;
}
.youtube-bttn img:hover {
width: 110px;
}
.footer-social img {
-webkit-transition: 0.3s;
transition: 0.3s;
}
.footer-social img:hover {
-webkit-transform: translateY(5px);
transform: translateY(5px);
}
.home-newsletter img {
-webkit-transition: 0.3s;
transition: 0.3s;
}
.home-newsletter img:hover {
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
}
.header-cart {
-webkit-transition: 0.3s;
transition: 0.3s;
}
.header-cart:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
.no-padd{
padding-left: 0 !important;
padding-right: 0 !important;
}
.error-404 h1{
font-family: Gotham_Black_Regular;
padding-bottom: 25px;
}
.error-404 a{
font-family: Gotham_Bold;
}
.woocommerce-lost-password{
background: #f5f5f5;
}
.reset-pass-success{
width: 500px;
margin: 0 auto;
padding: 70px;
background: #fff;
margin-bottom: 2.618em;
margin-top: 2.618em;
}
.reset-pass-success h1{
font-family: Gotham_Black_Regular;
font-size: 20px;
line-height: 30px;
padding-bottom: 30px;
}
.reset-pass-success p{
font-family: Gotham_Book_Regular;
font-size: 20px;
line-height: 30px;
}
.lost-pass-form h1{
font-family: Gotham_Black_Regular;
font-size: 20px;
line-height: 30px;
padding-bottom: 30px;
}
.lost-pass-form{
padding: 100px 0;
}
.lost-pass-holder{
width: 60%;
margin: 0 auto;
padding: 20px;
display: block;
background: #fff;
}
.contact-otto-form .notice {
background-color: #5cb85c;
font-size: 20px;
color: white;
padding: 20px;
font-family: Gotham_Bold;
line-height: 25px;
}
.lost-pass-holder p{
padding-bottom: 20px;
}
.otto-lite::after {
content: "";
width: 100%;
height: 130%;
background-image: url(../images/new-badge2.png);
background-repeat: no-repeat;
background-size: contain;
right: -50%;
top: 13px;
position: absolute;
}
.otto-platform::after {
content: "";
width: 100%;
height: 105px;
background-image: url(../images/otto-platform.png);
background-repeat: no-repeat;
background-size: contain;
right: -40%;
top: 0px;
position: absolute;
z-index:-1;
}
.woocommerce-password-strength{
font-family: Gotham_Book_Regular;
padding: 5px 0;
}
.woocommerce-password-hint{
font-family: Gotham_Book_Regular;
padding: 5px 0;
}
.lost-pass-form input{
background: transparent;
border: 1px solid;
font-family: Gotham_Book_Regular;
font-size: 15px;
border-radius: 4px;
color: #1f1f1f;
height: 50px;
display: inline;
vertical-align: middle;
line-height: 18px;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #c2c8cc!important;
}
.lost-pass-form label{
float: left;
font-family: Gotham_Book_Regular;
text-transform: uppercase;
font-size: 13px;
padding-bottom: 8px;
}
.lost-pass-form .reset-pass-bttn{
font-family: Gotham_Bold;
font-size: 16px;
line-height: 14px;
color: #fff;
background: #c50119;
padding: 20px;
display: block;
margin: 0 auto;
text-align: center;
border-radius: 5px;
cursor: pointer;
max-width: 100%;
}
.red-bttn{
color:#fff;
font-family: Gotham_Bold;
background:#c50119;
line-height: 50px;
width: 350px;
border-radius: 4px;
display: block;
text-align: center;
margin: 0 auto ;
font-size: 25px;
}
.trans-bttn{
color:#fff;
font-family: Gotham_Bold;
background:transparent;
line-height: 50px;
width: 350px;
border-radius: 4px;
display: block;
text-align: center;
margin: 0 auto ;
font-size: 25px;
border:1px solid #c50119;
}
.center .arrow-right{
cursor: pointer;
position: absolute;
z-index: 1;
top: 41%;
right: 10px;
color: #BFAFB2;
width: 30px;
}
.responsive .arrow-right{
cursor: pointer;
position: absolute;
z-index: 1;
top: 25%;
right: 30px;
color: #BFAFB2;
width: 30px;
}
.center-blog .arrow-right{
cursor: pointer;
position: absolute;
z-index: 1;
top: 41%;
right: 40px;
color: #BFAFB2;
width: 30px;
}
.center .arrow-left{
cursor: pointer;
position: absolute;
z-index: 1;
top: 41%;
left: 10px;
color: #BFAFB2;
width: 30px;
}
.responsive .arrow-left{
cursor: pointer;
position: absolute;
z-index: 1;
top: 25%;
left: 30px;
color: #BFAFB2;
width: 30px;
}
.center-blog .arrow-left{
cursor: pointer;
position: absolute;
z-index: 1;
top: 41%;
left: 40px;
color: #BFAFB2;
width: 30px;
}
/******************************
START OF HEADER STYLE
******************************/
.site-logo-mobile{
float: left;
padding-top: 5px;
}
header{
position: relative;
z-index: 1;
}
.main-header{
height: 70px;
background: #000;
position: relative;
z-index: 1;
}
header .site-logo{
float: left;
padding-top: 8px;
}
header ul{
font-family: Gotham_Book_Regular;
float: left;
line-height: 70px;
text-align: center;
width: 88%;
}
header ul li{
display: inline-block;
padding: 0 20px;
line-height: 45px;
}
.ottos-coupon__flyout .woocommerce-error {
margin-top: 80px !important;
}
.checkout_coupon {
display: block;
}
header ul li a{
color:#fff;
font-size: 17px;
}
.actions .wc-checkout-cart-button {
display: none !important;
}
.woocommerce-cart .coupon #coupon_code {
width: unset !important;
}
.shop--btn {
position: absolute;
top: 50%;
width: 30%;
}
header .header-cart{
float: right;
padding: 20px 0;
}
.large--img {
height: 500px !important;
}
.cart-notif{
font-family: Gotham_Book_Regular;
position: absolute;
top: 15px;
right: -10px;
font-size: 18px;
background: #C50119;
color: #fff;
border: 1px solid #C50119;
border-radius: 20px;
padding: 0px 5px;
}
.sub-mobile{
display: none;
}
/* Checkout Header */
.checkout-header-info{
float: left;
width: 90%;
}
.checkout-header-info h1{
font-family: Gotham_Black_Regular;
color: #fff;
font-size: 28px;
float: left;
line-height: 70px;
margin-right: 20px;
padding-left: 50px;
}
.checkout-header-info img{
width: 100px;
float: left;
padding: 8px 0;
}
.category-active img {
filter: invert(50%) grayscale(83%) brightness(48%) sepia(100%) hue-rotate(-50deg) saturate(471%) contrast(2) !important;
-webkit-filter:invert(50%) grayscale(83%) brightness(48%) sepia(100%) hue-rotate(-50deg) saturate(471%) contrast(2) !important;
}
.checkout-header-help{
font-family: Gotham_Book_Regular;
color: #fff;
float: right;
line-height: 70px;
font-size: 15px;
position: absolute;
right: 0;
}
.margin--bottom-small {
margin-bottom: 20px !important;
}
.checkout-header-help span{
font-size: 20px;
padding-left: 10px;
}
.need-help-checkout{
display: none;
}
.mobile{
display: none;
}
#pay_with_amazon img {
margin-top: 15px !important;
}
.image--ambasadors img {
display: inline-block;
width: 100%;
}
.page-template-ambassadors .various-banner {
background-image: url("../images/ambassadors.jpg");
}
/******************************
END HEADER STYLE
******************************/
/******************************
START OF HOME PAGE STYLE
******************************/
.home-intro{
height: 85vh;
background-repeat: no-repeat;
background-size: cover;
background: #000;
height: calc(100vh - 70px);
}
.header-image img{
width: 100% !important;
height: calc(100vh - 70px);
-o-object-fit: cover;
object-fit: cover;
-o-object-position: bottom;
object-position: bottom;
opacity: .5;
}
.home-intro .intro-info{
float: right;
padding-top: 115px;
text-align: center;
}
picture {
opacity: 0;
-webkit-transition: 0.7s;
transition: 0.7s;
display: inline-block;
}
.home-intro picture {
display: unset !important;
}
.otto-shop-banner .font--size-8n {
text-align: unset !important;
}
.loaded {
opacity: 1;
}
.guaranteed {
width: 35%;
float: left;
}
.guaranteed img {
width: unset !important;
}
.home-intro .intro-info h1{
color: #fff;
font-family: Gotham_Black_Regular;
font-size:65px;
line-height:70px;
padding-bottom: 30px;
}
#data-download {
-webkit-appearance: button !important;
}
.home-intro .intro-info h2{
color: #fff;
font-family: Gotham_Book_Regular;
font-size: 25px;
line-height: 40px;
padding-bottom: 100px;
}
.home-video{
background: #000;
padding: 100px 0;
}
.home-video h1{
color: #fff;
font-family: Gotham_Black_Regular;
font-size:65px;
line-height:70px;
text-align: center;
width: 100%;
padding-bottom: 50px;
}
.video{
width:100%;
float: left;
cursor: pointer;
}
.home-logos{
padding: 50px 0;
}
.home-logos .item img{
width: 200px;
margin: 0 auto;
display: block;
}
.home-logos ul{
text-align: center;
}
.home-logos h1{
font-family: Gotham_Black_Regular;
font-size: 65px;
line-height: 70px;
text-transform: uppercase;
padding-bottom: 50px;
}
.home-logos p{
font-family: Gotham_Book_Regular;
text-align: center;
padding: 20px 0;
line-height: 25px;
}
.home-logos .logos li{
font-family: Gotham_Black_Regular;
display: inline-block;
font-size:20px;
padding-right: 40px;
vertical-align: bottom;
}
.home-logos .logos li:last-child{
padding-right: 0;
}
.home-otto-product{
background: #000;
color: #fff;
padding: 100px 0;
}
.card__media{
max-width: 350px;
min-height: 350px;
}
.home-otto-product h1{
font-family: Gotham_Black_Regular;
font-size: 65px;
line-height: 70px;
text-align: center;
padding-bottom: 100px;
color: #fff;
}
.home-otto-product .product-block{
text-align: center;
font-size: 25px;
line-height: 35px;
}
.home-otto-product .product-block img{
display: block;
margin: 0 auto;
padding: 30px 0;
}
.home-otto-product .product-block h2{
font-family: Gotham_Black_Regular;
color:#fff;
}
.home-otto-product .product-block p{
font-family: Gotham_Book_Regular;
}
.home-why-otto{
padding: 100px 0;
}
.home-why-otto img{
width:100%;
}
.home-why-otto .why-title{
font-family: Gotham_Black_Regular;
font-size: 65px;
line-height: 70px;
text-align: center;
padding-bottom: 100px;
}
.home-why-otto .why-otto-box{
position: absolute;
top: 225px;
left: 30px;
right: 30px;
background: #f5f5f5bf;
padding: 15px;
height: 300px;
}
.home-why-otto .why-otto-box h1{
font-family: Gotham_Black_Regular;
font-size: 30px;
line-height: 30px;
text-transform: uppercase;
}
.home-why-otto .why-otto-box p{
font-family: Gotham_Book_Regular;
font-size: 20px;
line-height: 30px;
}
.home-gallery{
padding: 100px 0;
background: #000;
}
.home-gallery h1{
font-family: Gotham_Black_Regular;
font-size: 65px;
line-height: 70px;
text-align: center;
color:#fff;
}
.home-gallery h2{
font-family: Gotham_Book_Regular;
font-size: 25px;
line-height: 35px;
color:#fff;
text-align: center;
padding: 0 180px;
padding-bottom: 50px;
}
.home-gallery .gallery-bttn{
float: left;
width: 100%;
padding-top: 50px;
}
.home-testimonials{
padding: 100px 0;
}
.home-testimonials h1{
font-family: Gotham_Black_Regular;
font-size: 65px;
line-height: 70px;
}
.home-product-guarantee{
padding: 50px 0;
background: #000;
}
.home-product-guarantee .otto-owner img{
width: 75%;
float: right;
padding-right: 50px;
}
.home-product-guarantee .otto-owner .red-bttn{
display: none;
}
.home-product-guarantee .otto-owner p{
font-family: Gotham_Book_Regular;
font-size: 15px;
line-height: 20px;
color: #fff;
position: absolute;
bottom: 60px;
}
.home-product-guarantee .otto-owner span{
font-family: Gotham_Bold;
}
.home-product-guarantee .guarantee-info h1{
font-family: Gotham_Black_Regular;
font-size: 65px;
line-height: 70px;
float:left;
color:#fff;
padding-top: 75px;
}
.home-product-guarantee .guarantee-info img{
float: left;
width: 35%;
}
.home-product-guarantee .guarantee-info p{
font-family: Gotham_Book_Regular;
font-size: 20px;
line-height: 35px;
color:#fff;
float: left;
width: 65%;
}
.home-product-guarantee .guarantee-info .red-bttn{
margin-top: 50px;
}
.single-recipe .main-header {
position: fixed;
width: 100%;
top: 0px;
}
.single-recipe #content {
margin-top: 30px;
}
.single-post .main-header {
position: fixed;
width: 100%;
top: 0px;
}
.single-post #content {
margin-top: 30px;
}
.single-recipe .category-holder {
margin-top: 30px;
}
.single-recipe .post-single {
margin-top: 30px;
}
.single-post .post-single {
margin-top: 30px;
}
.cat-drop-content .red-bttn {
display: none;
}
.pop {
border: 1px solid black;
background-color: white;
display: none;
width: 600px;
position: absolute;
right: 35%;
top: 25%;
z-index: 9999;
}
.home-newsletter .pop {
right: 10%;
}
.exit {
width: 30px;
position: absolute;
right: 20px;
top: 20px;
cursor: pointer;
z-index: 9999;
}
.pop-picture {
width: 50%;
padding-top: 20px;
padding-bottom: 20px;
}
.pop-logo {
width: 70px;
padding-bottom: 20px;
}
.pop h3 {
font-family: Gotham_Bold;
font-size: 20px;
line-height: 30px;
display: inline-block;
padding-right: 10px;
padding-left: 10px;
}
.pop-right {
padding-top: 20px;
float: right;
width: 50%;
vertical-align: top;
text-align: center;
}
.nw-m{
display: none;
}
.home-newsletter{
padding: 100px 0;
}
#mc-message {
display: none;
}
.home-newsletter .ns-form h1{
font-family: Gotham_Black_Regular;
font-size: 65px;
line-height: 70px;
float:left;
color:#000;
}
.home-newsletter .ns-form h2{
font-family: Gotham_Book_Regular;
font-size: 25px;
line-height: 35px;
}
.home-newsletter .ns-form input{
font-family: Gotham_Book_Regular;
border:1px solid #ececec;
border-radius: 5px;
width: 350px;
height: 50px;
margin-bottom: 25px;
padding: 10px;
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.home-newsletter .ns-form label{
font-family: Gotham_Book_Regular;
font-size: 13px;
line-height: 20px;
float: left;
width: 100%;
}
.home-newsletter .ns-form form{
padding: 20px 0;
}
.home-newsletter .ns-form .ns-bttn{
background:#c50119 ;
color:#fff;
font-family: Gotham_Bold;
}
.home-newsletter .ns-form p{
font-family: Gotham_Book_Regular;
font-size: 15px;
line-height: 20px;
}
.slick-slide{
padding: 0 30px;
}
/* START OF EVENT SUBSCRIPTION */
.page-template-event-subscription .sub-page-holder{
width: 50%;
padding: 50px;
margin: 50px auto;
display: block;
background: #fff;
}
.home-newsletter .sub-page-info{
display: none;
}
.page-template-event-subscription .event-sub-holder{
background: #f5f5f5;
}
.page-template-event-subscription .event-sub-holder h1{
font-family: Gotham_Bold;
font-size: 20px;
line-height: 30px;
color: #000;
text-transform: uppercase;
padding-bottom: 20px;
}
.page-template-event-subscription .event-sub-holder p{
font-family: Gotham_Book_Regular;
padding-bottom: 20px;
text-align: center;
}
/* END OF EVENT SUBSCRIPTION */
/******************************
END OF HOME PAGE STYLE
******************************/
/************************************
START OF SHOP PAGE STYLE
************************************/
.out-of-stock{
font-family: Gotham_Bold;
color: red;
font-size: 30px;
text-align: center;
}
.card__footer del{
color:red;
}
.otto-shop{
background-image: url("../images/slimshop.png");
height: 50vh;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.otto-shop h1{
font-family: Gotham_Black_Regular;
font-size: 65px;
line-height: 70px;
color:#fff;
padding: 100px 0;
}
.card-grid__item{
padding: 23px;
}
.card{
-webkit-box-shadow: 0 2px 8px 0 #e3e3e3;
box-shadow: 0 2px 8px 0 #e3e3e3;
}
.youtube-bttn {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: .6;
}
.card__title{
font-family: Gotham_Black_Regular;
font-size:20px !important;
line-height: 30px !important;
}
.bolder-text {
font-family: Gotham_Bold !important;
}
.card__image{
background-color: #f5f5f5;
}
#pwgc-redeem-gift-card-container {
text-align: justify !important;
}
#pwgc-redeem-button {
font-family: Gotham_Book_Regular;
border-width: 2px;
background: #c60219;
font-size: 19px;
}
#pwgc-redeem-gift-card-container label {
padding-bottom: 20px;
}
.recipe-cta p {
font-family: Gotham_Black_Regular;
font-size: 20px;
line-height: 30px;
padding: 30px;
text-align: center;
}
.recipe-cta {
padding: 80px 0px;
}
.card__content{
padding: 15px;
height: 200px;
}
.recipe-steps a {
color: #aa0115 !important;
}
.card__footer{
font-family:Gotham_Medium;
font-size: 20px;
line-height: 30px;
}
.card__body{
font-family: Gotham_Book_Regular;
font-size: 20px;
}
.filterbar__filter{
margin: 0 auto;
display: block;
}
.filterbar select{
font-family:Gotham_Medium;
border: none;
background: transparent;
font-size: 16px;
line-height: 14px;
}
.no__workshop--text,.archive .woocommerce-info{
margin:30px 0px ;
text-align: center;
font-size: 20px;
font-family: Gotham_Book_Regular;
color: #000;
background-color: transparent;
border-left: none;
}
/************************************
END OF SHOP PAGE STYLE
************************************/
/********************************************
START OF OTTO GRILL PRODUCT PAGE STYLE
********************************************/
.pdp-why-buy .red-bttn{
display: none;
}
.pdp-details{
padding: 50px 0;
background: #f5f5f5;
}
.otto-shop .font--size-8n {
padding-bottom: 40%;
padding-top: 30px !important;
}
.otto-shop .font--size-4n {
padding-top: 50px;
}
.pdp-what-you-get{
background: #f5f5f5;
}
.padding--top-6 {
padding-top: 60px;
}
.pdp-details h1{
font-family: Gotham_Black_Regular;
font-size: 65px;
line-height: 70px;
color:#000;
padding-bottom: 50px;
}
.pdp-details h2{
font-family: Gotham_Black_Regular;
font-size: 20px;
line-height: 24px;
color:#000;
padding-bottom: 20px;
}
.country_selector_seems_text {
font-size: 20px !important;
margin-bottom: 20px !important;
}
.wordpress-country-selector-modal-body {
padding: 200px 0 50px !important;
}
.wordpress-country-selector-modal-body::after {
content: "";
position: absolute;
width: 150px;
height: 150px;
background-image: url("https://www.ottogrills.com/wp-content/themes/ottowildenw/images/otto-logo.svg");
background-repeat: no-repeat;
background-size: contain;
top: -10px;
right: 50%;
-webkit-transform: translateX(50%);
transform: translateX(50%);
margin: 30px 0px;
}
.country_selector_modal {
top: 55% !important;
bottom: initial !important;
-webkit-transform: translateY(-50%) !important;
transform: translateY(-50%) !important;
}
.country_selector_modal_close {
background-color: #c50119;
}
.country_selector_modal_close span {
color: white;
}
.wordpress-country-selector-modal-body p {
font-family: "Gotham_Book_Regular";
}
.country_selector_modal_goto, .country_selector_modal_stay {
border-radius: 5px !important;
padding: 10px 30px !important;
display: inline-block !important;
background-color: #60646c !important;
border-color: #60646c !important;
margin: 0px 20px !important;
font-size: 100% !important;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.country_selector_modal_goto:hover {
background-color: #c50119 !important;
}
.country_selector_modal_stay:hover {
background-color: #c50119 !important;
}
.country_selector_modal_stay {
padding: 12px 30px !important;
}
.country_selector_modal_buttons {
text-align: center !important;
}
.country_selector_modal_buttons p {
display: inline-block !important;
text-align: center !important;
}
.modal-open {
overflow: initial !important;
padding-right: 0px !important;
}
.pdp-details .break-details{
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.lite-vs {
display: inline-block;
width: 100%;
position: relative;
}
.lite-img {
position: absolute;
bottom: -20px;
width: 70%;
right: -100px;
}
.more-details p {
font-family: Gotham_Book_Regular;
font-size: 20px;
line-height: 30px;
padding-bottom: 25px;
}
.more-details {
padding-top: 50px;
}
.more-details span {
font-family: Gotham_Bold;
font-size: 20px;
line-height: 30px;
}
.pdp-details ul li{
font-family: Gotham_Book_Regular;
font-size: 20px;
line-height: 30px;
padding: 20px 0;
background-color: white !important;
margin-bottom: 30px;
height: 180px;
-webkit-box-shadow: 0.5px 0.5px 5px #c7c1c1e7;
box-shadow: 0.5px 0.5px 5px #c7c1c1e7;
padding: 20px;
}
.do {
padding: 20px 0px;
}
.dont {
padding-top: 20px;
padding-bottom: 150px;
}
.do h3 {
font-family: Gotham_Bold;
font-size: 20px;
padding-left: 20px;
padding-bottom: 20px;
}
.dont h3 { font-family: Gotham_Bold; font-size: 20px; padding-left: 20px; padding-bottom: 20px;
}
.do ul li {
height: unset !important;
-webkit-box-shadow: unset !important;
box-shadow: unset !important;
font-size: 18px;
margin-bottom: 0px !important;
padding: 15px;
}
.dont ul li {
height: unset !important;
-webkit-box-shadow: unset !important;
box-shadow: unset !important;
font-size: 18px;
margin-bottom: 0px !important;
padding: 15px;
}
.pdp-why-buy{
padding: 100px 0;
overflow: hidden;
}
.do {
background-color: white;
float: left;
}
.dont {
background-color: white;
float: right;
}
.do ul {
list-style-image: url("../images/smallcheck.png");
list-style-position:inside;
}
.dont ul {
list-style-image: url("../images/smallx.png");
list-style-position:inside;
}
.pdp-why-buy h1{
font-family: Gotham_Black_Regular;
font-size: 65px;
line-height: 70px;
}
.pdp-why-box{
float: left;
width:100%;
padding: 30px 0;
}
.pdp-why-box img{
float: left;
}
.pdp-why-container{
padding-top: 70px;
}
.full-width {
left: 10%;
margin-left: 2vw;
max-width: 100vw;
position: relative;
width: 45vw;
top: 0vw;
}
.pdp-what-you-get h1{
font-family: Gotham_Black_Regular;
font-size: 65px;
line-height: 70px;
padding-bottom: 50px;
float: none !important;
}
.ottogrill-video .video {
height: 90vh;
}
.pdp-why-box p{
font-family: Gotham_Book_Regular;
font-size: 20px;
line-height: 30px;
float: left;
width: 80%;
padding-left: 35px;
}
.pdp-why-box p span{
font-family: Gotham_Black_Regular;
}
.what-box{
float: left;
width: 100%;
padding: 25px 0;
}
.what-box img{
margin: 0 auto;
}
.what-box p{
font-family: Gotham_Book_Regular;
font-size: 20px;
line-height: 30px;
}
.what-box p span{
font-family: Gotham_Black_Regular;
}
.what-box-img{
float: left;
width: 50%;
}
.woocommerce-tabs ul.tabs{
display: none;
}
.woocommerce-tabs .panel{
width: 100%;
}
.woocommerce-tabs{
width: 100%;
}
.pdp-grill-steak{
padding-top: 100px;
background: #000;
color: #fff;
}
.pdp-grill-info-holder{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.pdp-div{
display: grid;
}
.pdp-grill-img-holder{
display: grid;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
.pdp-grill-steak h1{
font-family: Gotham_Black_Regular;
font-size: 65px;
line-height: 70px;
padding-bottom: 50px;
color:#fff;
}
.pdp-grill-steak p{
font-family: Gotham_Book_Regular;
font-size: 20px;
line-height: 30px;
padding-bottom: 25px;
}
.pdp-grill-steak p span{
font-family: Gotham_Bold;
font-size: 20px;
line-height: 30px;
}
.pdp-grill-steak-img{
background-image: url("../images/steakwine-web.jpg");
width: 100%;
float: left;
height: 100%;
height: -moz-available;
height: -webkit-fill-available;
height: fill-available;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: table;
background-color: #000;
}
.pdp-grill-steak-img.grill-steak-pro{
background-image: url("../images/pro-vine.jpg");
}
.pdp-grill-steak-img2{
background-image: url("../images/new-vine.jpg");
width: 100%;
float: left;
height: 100%;
height: -moz-available;
height: -webkit-fill-available;
height: fill-available;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: table;
background-color: #000;
}
@-moz-document url-prefix() {
.pdp-grill-steak-img{
height: 1200px;
}
}
.pdp-what-you-get .cart{
display: none;
}
.wine-bg-cta{
width: 100%;
display: table-cell;
vertical-align: bottom;
padding: 100px 0;
}
/********************************************
END OF OTTO GRILL PRODUCT PAGE STYLE
********************************************/
/************************************
START OF OTTO GRILL PAGE STYLE
************************************/
.ottogrill-why-buy{
padding: 100px 0;
}
.ottogrill-why-buy h1{
font-family: Gotham_Black_Regular;
font-size: 65px;
line-height: 70px;
float:left;
color:#000;
}
.main-subtitle{
padding: 40px 0px;
font-family: Gotham_Bold;
font-size: 24px;
}
.product_title {
font-family: Gotham_Black_Regular;
font-size: 32px;
margin: 25px 0px;
}
.otto_products--text{
line-height: 30px;
min-height: 250px;
}
.otto_products .slick-slide{
padding: 0;
}
.otto_products .slick-list {
overflow: unset;
}
.otto_products .trans-bttn{
width: 100%;
margin-top: 27px;
color: #000000;
}
.product_features--mb::before{
content: '';
position: absolute;
background-color: whitesmoke;
width: 1000%;
left: -100%;
height: 100%;
top: 0;
}
.product_features--mb{
background: red;
background-color: whitesmoke;
padding: 100px 15px;
position: relative;
}
.product_features--item {
padding: 15px;
background-color: #fff;
padding: 15px;
background-color: #fff;
z-index: 1;
height: 500px;
position: relative;
margin-bottom: 30px;
}
.product_features .red-bttn{
position: relative;
z-index: 1;
}
.product_features--item p{
font-family: Gotham_Black_Regular;
font-size: 20px;
}
.ottos_all--products {
overflow: hidden;
}
.ottos_all--products .ottogrill-gallery {
padding-bottom: 0;
padding-top:50px
}
.page_title{
width: 50%;
}
.features--item{
font-family: Gotham_Book_Regular;
text-align: left;
font-size: 18px;
line-height: 25px;
display: inline-block;
color: #000;
width: 100%;
padding-top: 20px;
line-height: 30px;
}
.features--item ul {
margin: 0 0 0 22px;
list-style-image: url("../images/list-checkmark.png")
}
.features--item li {
margin-bottom: 10px;
}
.otto_products .slick-arrow{
width: auto;
height: 50px;
position: absolute;
top: 80px;
z-index: 2;
}
.otto_products .slick-slide{
opacity: 0;
-webkit-transition: all .5s;
transition: all .5s;
}
.otto_products .slick-active{
opacity: 1;
-webkit-transition: all .5s;
transition: all .5s;
}
.otto_products .arrow-right{
right: -30px;
}
.otto_products .arrow-left{
left: -30px;
}
.otto_products--top {
margin: 0 15px 70px 15px;
}
.otto_products--top .product_title {
height: 50px;
}
.otto_products img{
width: 100%;
height: 215px;
-o-object-fit: contain;
object-fit: contain;
}
.ottogrill-why-buy .ottogrill-box{
padding-top: 50px;
}
.ottogrill-why-buy .ottogrill-box h2{
font-family: Gotham_Black_Regular;
font-size: 32px;
line-height: 45px;
}
.ottogrill-why-buy .ottogrill-box p{
font-family: Gotham_Book_Regular;
font-size: 20px;
line-height: 30px;
height: 185px;
}
.ottogrill-video{
background: #000;
padding: 100px 0;
}
.ottogrill-video .ottogrill-video-text h1{
font-family: Gotham_Black_Regular;
font-size: 65px;
line-height: 70px;
color: #fff;
text-align: center;
text-transform: uppercase;
}
.ottogrill-video .ottogrill-video-text p{
font-family: Gotham_Book_Regular;
font-size: 25px;
line-height: 35px;
color: #fff;
text-align: center;
padding: 0 125px;
}
.ottogrill-video .ottogrill-video-text{
padding: 40px 0;
}
.ottogrill-gallery {
padding: 100px 0;
}
.ottogrill-gallery h1{
font-family: Gotham_Black_Regular;
font-size: 65px;
line-height: 70px;
text-align: center;
padding-bottom: 50px;
text-transform: uppercase;
}
.ottogrill-secret{
background: #000;
color:#fff;
padding: 100px 0;
}
.ottogrill-secret .secret-box{
padding: 25px 0;
}
.ottogrill-secret .secret-box h1{
font-family: Gotham_Black_Regular;
font-size: 65px;
line-height: 70px;
color:#fff;
}
.ottogrill-secret .secret-box img{
width: 100%;
height: 400px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.ottogrill-secret .secret-box span{
font-family: Gotham_Black_Regular;
}
.ottogrill-secret .secret-box p{
font-family: Gotham_Book_Regular;
font-size: 20px;
line-height: 30px;
}
.ottogrill-secret .secret-box-text{
display: table;
}
.ottogrill-secret .secret-box-text p{
height: 400px;
display: table-cell;
vertical-align: middle;
}
.ottogrill-theotto{
background-image: url("../images/litesummary.jpg");
padding-top: 100px;
height:100vh;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.ottogrill-theotto img{
display: none;
}
.ottogrill-theotto h1{
font-family: Gotham_Black_Regular;
font-size: 65px;
line-height: 70px;
color:#fff;
text-transform: uppercase;
}
.ottogrill-theotto ul{
font-family: Gotham_Bold;
float: left;
padding: 50px 0;
font-size: 16px;
line-height: 32px;
color: #fff;
list-style: circle;
-moz-column-count: 2;
-moz-column-gap: 100px;
-webkit-column-count: 2;
-webkit-column-gap: 100px;
column-count: 2;
column-gap: 100px;
}
/************************************
END OF OTTO GRILL PAGE STYLE
************************************/
/************************************
START OF SINGLE PRODUCT PAGE STYLE
************************************/
.single-product .variations_form{
display: none;
}
.variation-Size{
font-family: Gotham_Book_Regular;
float: left;
}
.summary .variations_form{
display: block !important;
}
.variations{
width: 100%;
}
.variations label{
font-family: Gotham_Book_Regular;
float: left;
font-size: 15px;
line-height: 20px;
color: #000;
padding-bottom: 5px;
}
.woocommerce-variation-description p{
font-family: Gotham_Bold;
font-size: 15px;
line-height: 20px;
color: #000;
padding: 10px 0;
}
.variations select{
font-family: Gotham_Book_Regular;
background: #fff;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #C2C8CD;
border-radius: 5px;
}
.reset_variations{
font-family: Gotham_Book_Regular;
color: red;
}
#tab-description h1 {
font-family: Gotham_Black_Regular;
font-size: 65px;
line-height: 70px;
float: left;
}
.single-product div.product form.cart .button{
width: 30%;
font-family: Gotham_Bold;
font-size: 20px;
background: #c60219;
color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 4px;
min-height: 59px;
letter-spacing: 1px;
}
.breadcrumb{
background: transparent !important;
border:2px solid #c60219;
}
.single-product .content-area div.product .summary .woocommerce-product-details__short-description{
font-family: Gotham_Book_Regular;
text-align: left;
font-size: 15px;
line-height: 25px;
display: inline-block;
color: #000;
width: 100%;
padding-top: 20px;
}
.des-price{
float: left;
width: 100%;
border-top: 1px solid #979797;
padding-top: 20px;
}
.des-price .out-of-stock{
font-family: Gotham_Bold;
font-size: 20px;
}
.des-price .price{
float: right;
}
.single-product .content-area div.product .summary .price {
font-family: Gotham_Bold;
font-size: 25px;
line-height: 90px;
}
.single-product .content-area div.product .summary p.wc-gzd-additional-info{
font-family: Gotham_Book_Regular;
float: left;
font-size: 15px;
line-height: 20px;
color: #000;
}
/************************************
END OF SINGLE PRODUCT PAGE STYLE
************************************/
/************************************
START OF REFER A FRIEND PAGE STYLE
************************************/
.refer-a-friend{
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
height: 89vh;
}
.refer-a-friend picture {
display: block;
}
.refer-a-friend h1{
font-family: Gotham_Black_Regular;
font-size: 65px;
line-height: 70px;
color:#fff;
padding: 400px 0 0 0;
}
.various-text-banner{
background:#f5f5f5;
padding: 100px 0;
}
.various-text-banner h1{
font-family: Gotham_Black_Regular;
font-size: 40px;
line-height: 45px;
padding-bottom: 15px;
}
.various-text-banner p{
font-family: Gotham_Book_Regular;
font-size: 25px;
line-height: 35px;
width: 70%;
}
.refer-a-friend-info{
background-size: contain;
background-repeat: no-repeat;
background-position: right;
padding: 50px 0;
}
.refer-a-friend-info picture {
float: right;
}
.refer-a-friend-info h1{
font-family: Gotham_Bold;
font-size: 20px;
line-height: 30px;
}
.refer-a-friend-info p{
font-family: Gotham_Book_Regular;
font-size: 20px;
line-height: 30px;
padding-bottom: 30px;
}
/************************************
END OF REFER A FRIEND PAGE STYLE
************************************/
/************************************
START OF AFFILIATE PAGE STYLE
************************************/
.various-banner{
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 80vh;
}
.various-banner h1{
font-family: Gotham_Black_Regular;
font-size: 65px;
line-height: 70px;
color:#fff;
padding: 100px 0 0 0;
}
.affiliate-info{
padding: 100px 0;
}
.affiliate-info h1{
font-family: Gotham_Bold;
font-size: 20px;
line-height: 30px;
}
.affiliate-info p{
font-family: Gotham_Book_Regular;
font-size: 20px;
line-height: 30px;
padding-bottom: 30px;
width: 70%;
}
/************************************
END OF AFFILIATE PAGE STYLE
************************************/
/************************************
START OF RETAILERS PAGE STYLE
************************************/
.retailers-banner{
background-image: url(../images/retailers.jpg);
}
.retailers{
padding: 100px 0;
}
.retailers-map-d{
display: block;
}
.retailers-map-m{
display: none;
}
.retailers h1{
font-family: Gotham_Book_Regular;
font-size: 25px;
line-height: 35px;
padding-bottom: 50px;
}
.retailers-list h1{
font-family: Gotham_Bold;
font-size: 20px !important;
line-height: 30px !important;
}
.retailers-list p{
font-family: Gotham_Book_Regular;
font-size: 20px;
line-height: 30px;
}
.retailers-list .retailers-stores{
padding-bottom: 25px;
}
.retailers-list .retailers-stores a{
color: #000;
}
.custom--container .product_title, .custom--container .des-price, .custom--container .quantity, .custom--container .woocommerce-product-details__short-description {
display: none;
}
.custom--clearfix {
width: 100%;
text-align: center;
}
.custom--container .single_add_to_cart_button {
color: #fff;
font-family: Gotham_Bold;
background-color: #c50119 !important;
border-color: #c50119 !important;
line-height: 50px;
width: 350px;
border-radius: 4px;
display: block;
text-align: center;
margin: 0 auto;
font-size: 25px;
padding: 0 !important;
}
/************************************
END OF RETAILERS PAGE STYLE
************************************/
/************************************
START OF EVENTS PAGE STYLE
************************************/
.events{
padding: 100px 0;
}
.events .events-list{
width: 30%;
padding: 25px 0;
border-bottom: 1px solid #8c8c8c;
}
.job-banner {
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
height: 80vh;
}
.job-banner h1 {
color: white !important;
padding-top: 250px !important;
}
.events .events-list p{
font-family: Gotham_Book_Regular;
font-size: 20px;
line-height: 30px;
color: #000;
}
.refer-a-friend-info img {
float: right;
}
.events .events-list p{
padding-bottom: 25px;
}
.events .events-list p span{
font-family: Gotham_Bold;
}
.events-list a{
font-family: Gotham_Book_Regular;
color: #000;
}
.event-button-sub{
padding-top: 50px;
}
/************************************
END OF EVENTS PAGE STYLE
************************************/
/************************************
START OF AMBASSADORS PAGE STYLE
************************************/
.ambassadors-list{
padding: 50px 0;
}
.ambassadors-list .ambassadors-box{
-webkit-box-shadow: 0 2px 8px 0 #e3e3e3;
box-shadow: 0 2px 8px 0 #e3e3e3;
margin: 25px 0;
}
.ambassadors-list .ambassadors-box img{
width: 100%;
}
.ambassadors-box .ambassadors-info{
padding: 20px;
height: 210px;
}
.ambassadors-box .ambassadors-info h1{
font-family: Gotham_Black_Regular;
font-size: 20px;
line-height: 30px;
text-align: center;
}
.ambassadors-box .ambassadors-info p{
font-family: Gotham_Book_Regular;
font-size: 20px;
line-height: 30px;
text-align: center;
}
.ambassadors-list a{
color: #000;
}
/************************************
END OF AMBASSADORS PAGE STYLE
************************************/
/************************************
START OF ABOUT US PAGE STYLE
************************************/
.about-banner-holder{
background-image: url("../images/theottofamily.jpg");
}
.about-us-boxes{
padding: 100px 0;
}
.about-us-boxes h1{
font-family: Gotham_Black_Regular;
font-size: 40px;
line-height: 45px;
padding-bottom: 20px;
}
.about-us-boxes p{
font-family: Gotham_Book_Regular;
font-size: 20px;
line-height: 30px;
padding: 25px 0;
}
.about-us-timeline{
padding: 100px 0;
height: 3382px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 100%;
}
.about-us-otto-grill{
padding: 100px 0;
}
.about-us-otto-grill h3{
font-family: Gotham_Book_Regular;
font-size: 25px;
line-height: 35px;
text-align: center;
padding-bottom: 25px;
}
.about-us-otto-grill h1{
font-family: Gotham_Black_Regular;
font-size: 65px;
line-height: 70px;
text-align: center;
}
.about-us-otto-grill h2{
font-family: Gotham_Black_Regular;
font-size: 40px;
line-height: 45px;
text-align: center;
padding-bottom: 30px;
}
.about-us-otto-grill img{
margin: 0 auto;
display: block;
}
.invalid-required-field .hidden{
display: block;
}
/************************************
END OF ABOUT US PAGE STYLE
************************************/
/************************************
START OF CART PAGE STYLE
************************************/
.ch-cart-header{
display: none;
}
.woocommerce-cart .coupon {
display: none;
margin: 15px 0;
}
.woocommerce-cart .coupon #coupon_code {
font-family: Gotham_Book_Regular;
border-radius: 4px;
border: 1px solid #c2c8cc;
background:transparent;
width: 78%;
font-size: 15px;
}
.big--pic {
width: 70px !important;
}
.woocommerce-cart .coupon input[type=submit]{
font-family: Gotham_Book_Regular;
border-width: 2px;
background: #c60219;
font-size: 15px;
}
.cart-is-empty{
padding: 100px;
background: #fff;
margin-bottom: 20px;
text-align: center;
}
.ch-cart-header {
display: none;
}
.cart-is-empty p{
font-family: Gotham_Book_Regular;
font-size: 20px;
line-height: 30px;
padding: 20px 0;
}
.cart-is-empty a{
background: #c60219;
border-radius: 4px;
display: inline-block;
text-align: center;
color: white;
padding: 8px 14px;
width: 60%;
font-size: 20px !important;
font-family: Gotham_Bold;
-webkit-box-shadow: none;
box-shadow: none;
border: 4px solid #c60219;
border-radius: 4px;
}
.woocommerce-cart{
background: #f5f5f5;
}
.woocommerce-cart .woocommerce-message{
display: none;
}
.woocommerce-cart .cart_item .product-thumbnail img{
max-width: 300px !important;
margin: 0 auto;
background: #f5f5f5;
}
.cart-product{
width: 100%;
float: left;
background: #fff;
}
.cart-product table{
width: 100%;
}
.cart-details{
float: left;
width: 50%;
}
.cart-collaterals{
float: left;
width: 40%;
font-family: Gotham_Bold;
font-size: 18px;
position: sticky;
top: 0;
}
.cart-items-holder{
float: left;
width: 60%;
padding-bottom: 100px;
}
.woocommerce .entry-header {
padding: 50px 0px;
float: left;
width: 100%;
}
.woocommerce .entry-header p a{
font-family: Gotham_Bold;
float: right;
padding: 15px;
font-size: 14px;
line-height: 11px;
border: 1px solid #000;
border-radius: 2px;
color: #000;
}
.woocommerce .entry-header h1{
font-family: Gotham_Black_Regular;
font-size: 65px;
line-height: 70px;
text-transform: uppercase;
}
.product-name a{
font-family: Gotham_Book_Regular;
font-size: 16px;
color: #000000;
line-height: 20px;
}
.product-name .delivery-time-info{
font-family: Gotham_Book_Regular;
font-size: 13px;
line-height: 20px;
}
.product-subtotal{
font-family: Gotham_Bold;
font-size: 18px;
line-height: 25px;
text-align: right;
}
.product-remove{
float: right;
width: 100%;
}
.product-remove a{
float: right;
}
table.cart .qty{
font-family: Gotham_Book_Regular;
width: 85% !important;
float: right;
max-width: unset;
background: #fff;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #C2C8CD;
border-radius: 5px;
}
.tax-total{
display: none;
}
.cart-collaterals .order-total .amount:after{
font-family: Gotham_Book_Regular;
content:"taxes may apply";
display: block;
font-size: 15px;
}
.cart-collaterals-inside{
float: left;
border: 1px solid #979797;
padding: 20px 30px;
margin-bottom:100px;
width: 100%;
}
tr.cart_item{
border-bottom:8px solid #f5f5f5;
}
tr.cart_item td{
float: left;
width: 50%;
}
/* .express-checkout{
float: left;
}
.express-checkout h1{
text-align: center;
}
.express-checkout img{
width: 60%;
margin: 20px auto;
} */
.payments-mobile{
display: none;
}
/************************************
END OF CART PAGE STYLE
************************************/
/************************************
START OF CHECKOUT PAGE STYLE
************************************/
.disabled{
background: grey !important;
pointer-events: none;
cursor: default;
}
.disabled-acc{
pointer-events: none;
cursor: default;
}
.cta-checkout{
font-size: 20px;
background: #c60219;
color: #fff;
font-family: Gotham_Book_Regular;
float: left;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 4px;
padding: 10px;
width: 100%;
text-align: center;
margin: 20px 0;
}
.ec_checkout_page_button_type_paypalimage{
width: 150px;
margin: 0;
margin-bottom: 15px;
}
.angelleye_cart_button a.paypal_checkout_button, a.paypal_checkout_button{
float: none !important;
}
.angelleye-proceed-to-checkout-button-separator{
margin: 1em !important;
}
div.wc-proceed-to-checkout a.paypal_checkout_button {
margin: 0 auto;
display: block;
width: 150px !important;
}
.ec_checkout_page_button_type_pc{
width: 150px;
}
.woocommerce-Price-amount{
font-family: Gotham_Bold;
}
.form__help-text a{
color: #c60219;
}
#billing_state_field select{
font-family: Gotham_Book_Regular;
height: 50px;
background: transparent;
}
.ottos-coupon{
font-family: Gotham_Book_Regular;
display: block !important;
}
.checkout_coupon input{
font-family: Gotham_Book_Regular;
}
.checkout_coupon .button{
background: #c60219;
}
.invalid-field-span{
font-family: Gotham_Book_Regular;
font-size: 12px;
color:#c60219;
padding-top: 5px;
}
.edit-cart-checkout{
position: absolute;
right: 0;
top: 5px;
}
.edit-cart-bttn-checkout {
font-family: Gotham_Bold;
font-size: 14px;
color:#000;
border: 1px solid;
padding: 10px;
border-radius: 5px;
}
.user-acc-checkout-holder{
width: 60%;
margin: 25px auto;
}
.user-acc-checkout .checkout-as-guest a{
font-family: Gotham_Bold;
font-size: 16px;
line-height: 14px;
color:#fff;
background:#c50119;
padding: 20px;
width: 70%;
display: block;
margin: 0 auto;
text-align: center;
border-radius:5px;
cursor: pointer;
}
.user-acc-checkout .checkout-as-guest a:hover{
color: #fff;
}
.ottos-checkout-login-submit input{
font-family: Gotham_Bold;
font-size: 16px;
line-height: 14px;
color:#fff;
background:#c50119;
padding: 20px;
width: 70% !important;
display: block;
margin: 0 auto;
text-align: center;
border-radius:5px;
}
.ottos-checkout-login-submit a{
float: left;
width: 100%;
color: #000;
font-family: Gotham_Medium;
text-align: center;
font-size: 15px;
line-height: 20px;
padding: 20px 0;
text-transform: uppercase;
}
.user-acc-checkout .checkout-as-guest p{
font-family: Gotham_Book_Regular;
text-align: center;
font-size: 15px;
line-height: 20px;
padding: 20px 0;
}
.checkout-as-guest{
background: #fff;
padding: 20px;
margin: 10px 0;
float: left;
width: 100%;
}
.user-acc-checkout h1{
font-family: Gotham_Black_Regular;
font-size: 20px;
line-height: 30px;
text-align: center;
padding: 20px 0;
}
.checkout-as-member{
background: #fff;
padding: 20px;
margin:20px 0;
text-align: center;
float: left;
width: 100%;
}
.checkout-as-member-input{
width: 70%;
margin: 0 auto;
display: block;
padding: 10px 0;
}
.checkout-as-member-input label{
float: left;
font-family: Gotham_Book_Regular;
text-transform: uppercase;
font-size: 13px;
padding-bottom: 8px;
}
.checkout-as-member-input input{
width: 100%;
font-family: Gotham_Book_Regular;
font-size: 15px;
border-radius: 4px;
color: #1f1f1f;
height: 50px;
display: inline;
vertical-align: middle;
line-height: 18px;
background: #fff;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #c2c8cc !important;
}
.checkout-as-member-input .submit-login-checkout{
background: #c50119;
font-family: Gotham_Bold;
font-size: 16px;
line-height: 14px;
color: #fff;
}
.checkout-as-member-input a{
font-family: Gotham_Medium;
color:#000;
font-size: 15px;
line-height: 20px;
}
.stripe-card-group{
width: 100%;
}
.wc-stripe-elements-field{
width: 100%;
}
form.checkout{
width: 100%;
float: left;
}
.checkout-accordion{
float: left;
width: 65%;
margin-right: 25px;
}
#collapseTwo .card-body{
font-family: Gotham_Book_Regular;
}
.wc-gateway-ppec-cancel{
font-family: Gotham_Book_Regular;
padding: 10px 0;
}
.checkout-accordion .card{
margin-bottom:20px;
}
.checkout-accordion .btn{
width: 100%;
text-align: left;
border-radius: 0;
}
.accordion .card{
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
}
.card:hover{
-webkit-box-shadow: none;
box-shadow: none;
}
.woocommerce-checkout{
background: #f5f5f5;
min-height: 100vh;
}
.btn[aria-expanded="true"] {
font-family: Gotham_Bold;
font-size: 20px;
line-height: 30px;
border:none;
color:#000;
padding: 20px 20px 0;
}
.btn[aria-expanded="false"] {
font-family: Gotham_Bold;
font-size: 20px;
line-height: 30px;
border:1px solid #8c8c8c;
color:#8c8c8c;
background: #f5f5f5;
padding: 20px;
}
.btn-link:hover{
text-decoration: none;
}
.btn-link:focus, .btn-link.focus{
text-decoration: none;
}
.accordion > .card .card-header{
margin-bottom:0;
}
.checkout abbr{
text-decoration: none;
}
.checkout label{
font-family: Gotham_Book_Regular;
text-transform: uppercase;
font-size:13px;
}
.ottos-coupon{
width: 100% !important;
}
#billing_country_field label{
padding-bottom: 0 !important;
}
#shipping_country_field label{
padding-bottom: 0 !important;
}
strong{
font-family: Gotham_Book_Regular;
}
#account_password_field label{
display: none;
}
.checkout__review{
float: left;
width: 31%;
padding: 20px;
background: #fff;
}
.woocommerce-checkout-review-order-table{
position: relative !important;
}
.card-body{
padding: 20px;
}
#review_order .product-table__title{
font-family: Gotham_Bold;
font-size: 20px;
line-height: 30px;
color: #000;
border-bottom: 0;
}
#review_order .product-table__col{
padding: 0;
}
#review_order .product-line__thumb{
background: #f5f5f5;
}
#review_order .delivery-time-info{
font-size: 13px;
padding-bottom: 15px;
font-family: Gotham_Book_Regular;
}
.product-line__title{
font-size: 16px;
font-family: Gotham_Book_Regular;
}
#review_order .product-table__row{
font-family: Gotham_Book_Regular;
}
.cart-subtotal{
font-family: Gotham_Bold;
}
.shipping{
font-family: Gotham_Book_Regular;
}
.product-line__amt-total{
font-family: Gotham_Bold;
text-align: right;
}
.product-line__amt-total span{
font-family: Gotham_Bold;
font-size: 18px;
}
.product-table__footer .product-table__row{
margin: 10px 0;
width: 100%;
display: inline-table;
}
.product-table__footer{
padding: 50px 0;
display: block;
}
.create-account h2{
font-family: Gotham_Bold;
font-size: 13px;
padding-bottom: 8px;
}
.create-account p{
font-family: Gotham_Book_Regular;
font-size: 13px;
}
#payment label{
padding: 25px 0;
}
#payment{
font-family: Gotham_Book_Regular;
}
.form__help-text{
font-family: Gotham_Book_Regular;
}
.product-line{
padding: 10px 0;
border-bottom:1px solid #8c8c8c;
}
#wc-stripe-cc-form label{
font-family: Gotham_Book_Regular;
text-transform: uppercase;
font-size: 13px;
padding-bottom: 8px !important;
padding-top: 0 !important;
}
.wc-stripe-elements-field{
height: 50px;
padding: 15px 10px;
border:1px solid #c2c8cc;
border-radius:4px;
}
.woocommerce-SavedPaymentMethods-saveNew label{
padding: 2px 10px !important;
text-transform: inherit;
}
#ship-to-different-address label{
padding: 0 !important;
}
.we-accept{
background: #fff;
padding: 20px;
margin-bottom: 20px;
}
.we-accept ul li{
display: inline-block;
padding: 0 8px;
}
.we-accept ul li img{
width: 60px;
vertical-align: middle;
display: inherit;
}
.we-accept-holder{
width: 60%;
margin: 0 auto;
}
.we-accept h1{
font-family: Gotham_Black_Regular;
font-size: 20px;
line-height: 30px;
text-align: left;
padding: 20px 0;
}
.thank-you-order{
height: 80vh;
display: table;
}
.thank-you-order-holder{
display: table-cell;
vertical-align: middle;
width: 60%;
height: 80vh;
text-align: center;
}
.thank-you-order-holder h1{
font-family: Gotham_Black_Regular;
font-size: 100px;
line-height: 80px;
padding: 50px 0;
}
.thank-you-order-holder p{
font-family: Gotham_Book_Regular;
font-size: 20px;
line-height: 30px;
padding-bottom: 25px;
}
.thank-you-order-holder p span{
font-family: Gotham_Bold;
font-size: 20px;
line-height: 30px;
}
.thy-con{
margin: 0 auto;
display: block;
width: 54%;
}
/************************************
END OF CHECKOUT PAGE STYLE
************************************/
/************************************
CATEGORY OF RECIPE STYLE
************************************/
.col-ingredients b{
font-family: Gotham_Black_Regular;
text-align: left;
line-height: 30px;
}
.search-form{
position: relative;
overflow: hidden;
width: 30%;
}
.search-icon{
position: absolute;
top: 0;
right: 0;
height: 100%;
cursor: pointer;
z-index: 0;
}
.search-form .search-field{
background: #fff;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #C2C8CD;
border-radius: 5px;
width: 100%;
}
.search-form label{
width: 100%;
}
.search-icon input{
background: none;
z-index: 9999999;
height: 100%;
}
.search-field{
font-family: Gotham_Book_Regular;
}
.search-icon img{
position: absolute;
width: 20px;
height: 20px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: -1;
}
.woocommerce-cart table.shop_table_responsive tr td:before {
font-family: Gotham_Book_Regular;
display: inline-block;
float: left;
padding: 10px 0px;
}
.product-quantity:before {
content: attr(data-title) " ";
font-weight: 700;
}
.cat-drop {
background-color: #4CAF50;
color: white;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
}
.category-dropdown {
position: relative;
display: inline-block;
}
.cat-drop-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
-webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
right: 50%;
top: 50px;
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
.cat-drop-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.category-holder {
display: inline-block;
width: 100%;
vertical-align: top;
position: relative;
text-align: center;
padding-top: 30px;
font-family: 'Gotham_Medium', sans-serif;
font-size: 16px;
line-height: 14px;
background-color: #f5f5f5;
cursor: pointer;
}
.category--title i{
background-image: url(../images/caret-down-solid.svg);
width: 20px;
height: 20px;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
vertical-align: bottom;
}
.category-dropdwon {
display: inline-block;
position: relative;
padding-bottom: 30px;
}
.txt-center {
text-align: center;
}
.txt-uppercase {
text-transform: uppercase;
}
.cat-drop-content a:hover, .cat-drop-content a.active {background-color: #f1f1f1}
.category-dropdwon:hover .cat-drop-content {
display: block;
}
/************************************
END OF CATEGORY OF RECIPE STYLE
************************************/
/************************************
START OF VIDEO PAGE STYLE
************************************/
.video-info{
font-family: Gotham_Book_Regular;
font-size: 20px;
line-height: 30px;
width: 70%;
margin: 0 auto;
padding: 30px 0;
text-align: center;
}
.video-box-info .post-box h2{
height: unset !important;
margin-bottom: 0 !important;
}
.video-page-title{
padding-top: 100px;
text-align: center;
}
.video-page-info{
padding: 50px 0;
text-align: center;
}
.video-page-info p{
font-family: Gotham_Book_Regular;
font-size: 20px;
line-height: 30px;
padding-bottom: 25px;
}
.video-page-info p a{
color: #000;
}
.video-page-info p span{
font-family: Gotham_Black_Regular;
cursor: pointer;
}
.video-page-title h1{
font-family: Gotham_Black_Regular;
color: #000;
font-size: 65px;
line-height: 70px;
}
/************************************
END OF VIDEO PAGE STYLE
************************************/
/******************************
FOOTER STYLE
******************************/
.site-footer{
float: left;
width: 100%;
background: #4a4a4a;
color:#fff;
padding: 50px 0;
}
.site-footer h1{
font-family: Gotham_Black_Regular;
font-size: 16px;
line-height: 36px;
}
.site-footer h2{
font-family: Gotham_Book_Regular;
font-size: 18px;
line-height: 20px;
}
.site-footer ul li{
font-family: Gotham_Book_Regular;
font-size: 16px;
line-height: 36px;
}
.site-footer ul li a{
color:#fff;
}
.site-footer .footer-social{
width: 100%;
padding: 25px 0;
border-top: 1px solid;
border-bottom: 1px solid;
margin: 40px 0;
}
.site-footer .footer-social h1{
font-family: Gotham_Book_Regular;
font-size: 16px;
line-height: 24px;
text-align: center;
padding-bottom: 20px;
}
.site-footer .footer-social ul{
text-align: center;
}
.site-footer .footer-social ul li{
display: inline-block;
}
.site-footer ul li span{
font-family: Gotham_Medium;
}
.site-footer .footer-logo {
width: 100%;
}
.site-footer .footer-logo img{
margin: 0 auto;
display: block;
}
.site-footer .footer-logo h1{
font-family: Gotham_Book_Regular;
text-align: center;
font-size: 12px;
line-height: 19px;
padding: 15px 0;
}
.site-footer .footer-payment-icons li{
display: inline-block;
padding: 10px 10px 10px 0;
vertical-align: middle;
}
p.site-description, ul.menu li.current-menu-item>a {
color: #fff;
}
/******************************
END OF FOOTER STYLE
******************************/
/******************************
START OF LEGAL PAGES STYLE
******************************/
.legal-page{
padding: 60px 0;
}
.legal-page h1{
font-family: Gotham_Black_Regular;
font-size: 65px;
line-height: 70px;
padding-bottom: 50px;
padding-top: 50px;
}
.legal-page h2{
font-family: Gotham_Black_Regular;
font-size: 20px;
line-height: 30px;
}
.legal-page p{
font-family: Gotham_Book_Regular;
font-size: 20px;
line-height: 30px;
padding: 10px 0;
}
.legal-page ul li{
font-family: Gotham_Book_Regular;
font-size: 20px;
line-height: 30px;
padding: 10px 0;
}
.legal-page ol{
font-family: Gotham_Book_Regular;
font-size: 20px;
line-height: 30px;
padding: 10px 0;
}
.slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.slick-track .slick-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: auto;
}
.slick-list,
.slick-track {
height: 100%;
}
.why-box-container{
height: 600px;
}
.wc-amazon-payments-advanced-populated .col2-set .col-1, .wc-amazon-payments-advanced-populated .col2-set .col-2{
max-width: 100%;
}
.mb-50 {
margin-bottom: 50px;
}
.top_arrows {
position: absolute;
top: 15%;
left: 0;
width: 100%;
z-index: 99;
}
.bottom_arrows {
position: absolute;
top: 68%;
left: 0;
width: 100%;
}
.prev-arrow {
position: absolute;
left: -10px;
}
.next-arrow {
position: absolute;
right: -10px;
}
.next-arrow img, .prev-arrow img {
width: 20px;
}
/******************************
END OF LEGAL PAGES STYLE
******************************/
/******************************
START OF RESPONSIVE STYLE
******************************/
@media (max-width: 1400px) {
.otto-shop h1{
padding: 50px 0;
}
.various-banner h1{
padding: 280px 0 0 0;
}
.refer-a-friend h1{
padding: 280px 0 0 0 ;
}
}
@media (max-width: 1025px) {
h1 {
font-size: 36px !important;
line-height: 40px !important;
}
h2 {
font-size: 20px !important;
line-height: 30px !important;
}
}
@media (max-width: 800px) {
/******************************
START OF HEADER PAGE STYLE
******************************/
.otto-lite:after {
height: 100%;
right: -10%;
top: 20px;
}
.otto-platform:after {
right: -35%;
top: 10px;
z-index: 1;
}
.image--ambasadors {
height: unset !important;
}
.pop {
width: 100%;
right: 0px;
}
.otto-shop-banner {
text-align: center;
}
.woocommerce-cart .coupon #coupon_code {
width:100% !important;
}
.font--size-4n {
font-size: 20px !important;
padding-right: 0px !important;
}
.font--size-8n {
font-size: 30px !important;
padding-top: 10px !important;
line-height: 40px !important;
text-align: center;
}
.new--position {
text-align: center !important;
float: none !important;
padding-top: 10px !important;
}
.pop-right {
float: right;
padding-left: 0px !important;
padding-right: 5px !important;
}
.pop-logo {
padding-bottom: 0px;
width: 45px;
}
.pop h3 {
padding-left: 5px;
padding-right: 0px;
font-size: 15px;
line-height: 20px;
}
.home-newsletter .pop {
right: 0px;
top: 10%;
}
.woocommerce-product-gallery__image {
touch-action: auto !important;
-ms-touch-action: auto !important;
}
.lite-img {
right: 50px;
bottom: -40px;
}
.pdp-details .red-bttn {
display: inline-block;
}
.product_filter--category {
width: calc(100% / 2) !important;
padding-bottom: 40px;
float: left;
}
.desktop{
display: none;
}
.home-video {
padding-top: 30px !important;
}
.home-intro .red-bttn {
margin-bottom: 40px;
}
.image-referal img {
display: none !important;
}
#menu-mobile-menu{
display: none;
}
.main-header{
z-index: 2;
}
header ul{
width: 100%;
}
header ul li{
display: block;
text-align: left;
width: 100%;
position: relative;
}
header ul li a{
font-size: 20px;
line-height: 30px;
font-family: Gotham_Medium;
display: block;
border-bottom:1px solid;
padding: 20px 0;
}
.site-logo{
position: absolute;
left: 50%;
right: 50%;
width: 50px;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.mobile{
display: none;
}
.menu-mobile-menu-container{
height: 90%;
width: 100%;
float: left;
}
#menu-mobile-menu{
height: 90%;
overflow: scroll;
}
.mobile img{
position: absolute;
bottom: 80px;
width: 25px;
-webkit-filter: invert(1);
filter: invert(1);
left: 50%;
right: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.mobile{
float: left;
position: absolute;
position: fixed;
height: 100vh;
top: 70px;
right: 0;
left: 0;
background: rgb(0, 0, 0);
z-index: 99999;
}
.mobile-menu{
float: left;
}
#nav-toggle {
position: absolute;
top: 20px;
cursor: pointer;
padding: 18px 25px 18px 0px;
line-height: 33px;
}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
cursor: pointer;
border-radius: 1px;
height: 3px;
width: 25px;
background: #fff;
position: absolute;
display: block;
content: '';
}
#nav-toggle span:before {
top: -8px;
}
#nav-toggle span:after {
bottom: -8px;
}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
-webkit-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
#nav-toggle.active span {
background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
top: 0;
}
#nav-toggle.active span:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#nav-toggle.active span:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#nav-toggle span:before{
background: #fff;
}
#nav-toggle span:after{
background: #fff;
}
/******************************
END OF HEADER PAGE STYLE
******************************/
/******************************
START OF HOME PAGE STYLE
******************************/
h1{
font-size: 36px !important;
line-height: 40px !important;
}
h2{
font-size: 20px !important;
line-height: 30px !important;
}
.home-intro .intro-info {
padding-top: 50px;
float: none;
}
.red-bttn{
width: 100%;
font-size: 16px;
}
.home-intro{
background-image: url("../images/otto-mobile.jpeg");
background-position: left center;
background-size: cover;
width:100%;
}
.home-intro::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-gradient(linear, left top, left bottom, from(#000000d0), to(rgba(255, 255, 255, 0)));
background: linear-gradient(180deg, #000000d0 0%, rgba(255, 255, 255, 0) 100%);
}
.home-intro .container {
position: relative;
z-index: 1;
}
.home-intro .red-bttn{
position: absolute;
bottom: 0px;
left: 0;
right: 0;
width: 80%;
}
.intro-info{
height: 85vh;
}
.video-play-icon iframe{
height: 250px;
}
.home-video{
padding: 0;
}
.logos{
text-align: center;
}
.logos li{
font-size: 20px !important;
}
.logos .logo-title{
width: 100%;
}
.home-logos .logos li{
padding-right: 0;
padding: 10px;
}
.home-otto-product .product-block p{
font-size: 20px;
line-height: 22px;
}
.trans-bttn{
width: 100%;
font-size: 16px;
}
.home-otto-product .trans-bttn{
margin-bottom: 20px;
}
.home-why-otto .why-title{
padding-right: 15px;
padding-left: 15px;
}
.home-why-otto .why-otto-box{
text-align: center;
left:15px;
right: 15px;
}
.why-box-container{
height: 550px;
padding: 0;
}
.home-why-otto .why-box-holder{
padding-bottom:0px;
}
.why-otto-box h1{
font-size: 25px !important;
}
.home-why-otto .trans-bttn{
margin-bottom: 20px;
}
.home-gallery h2{
padding: 0;
padding-bottom: 50px;
}
.home-testimonials{
padding: 20px 0;
}
.guarantee-info{
padding: 20px 15px !important;
}
.otto-owner{
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding: 0 15px !important;
}
.otto-owner .red-bttn{
display: block !important;
margin: 20px 0;
}
.home-product-guarantee .otto-owner img {
width: 70% !important;
padding-right: 0;
}
.guarantee-info .red-bttn{
display: none;
}
.home-product-guarantee .guarantee-info h1{
bottom: 90px;
}
.home-product-guarantee .guarantee-info p{
width: 100%;
}
.home-product-guarantee .guarantee-info img {
width: 50% ;
position: absolute;
bottom: -200px;
left: 0;
}
.home-product-guarantee .otto-owner p{
bottom: 90px;
}
.home-newsletter{
padding:50px 15px;
}
.home-newsletter .ns-form input{
width: 100%;
}
.home-newsletter img{
margin: 0 auto;
float: none;
}
.home-newsletter .ns-form h1{
display: none;
}
.nw-m{
display: block;
text-align: center;
padding-bottom: 25px;
font-family: Gotham_Black_Regular;
}
.home-product-guarantee .guarantee-info h1{
padding-top: 0;
}
.home-newsletter .ns-form h2{
text-align: center;
}
/******************************
END OF HOME PAGE STYLE
******************************/
/******************************
START OF OTTO GRILL PAGE STYLE
******************************/
.ottogrill-why-buy h1{
text-align: center;
padding-bottom: 30px;
}
.ottogrill-why-buy {
padding: 50px 15px;
}
.ottogrill-video {
padding: 0;
padding-top: 50px;
}
.ottogrill-video .ottogrill-video-text p{
padding: 0 15px;
}
.video{
padding: 0;
}
.resp-reorder .secret-box-text{
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.resp-reorder .secret-box-img{
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.ottogrill-secret {
padding: 50px 15px;
}
.ottogrill-secret .secret-box-text p{
height: auto;
}
.ottogrill-secret .secret-box img{
height: auto;
}
.ottogrill-theotto{
padding: 50px 15px;
background-image: none;
height: auto;
}
.ottogrill-theotto img{
margin: 0 auto;
display: block;
}
.ottogrill-theotto ul {
float: none;
padding: 50px 0;
font-size: 16px;
color: #000;
list-style: none;
-moz-column-count: 1;
-moz-column-gap:0;
-webkit-column-count: 1;
-webkit-column-gap: 0;
column-count: 1;
column-gap: 0;
text-align: center;
}
.ottogrill-theotto h1{
color: #000;
text-align: center;
padding-bottom: 30px;
}
.ottogrill-video .ottogrill-video-text{
padding: 40px 15px;
}
/******************************
END OF OTTO GRILL PAGE STYLE
******************************/
/******************************
START OF SHOP PAGE STYLE
******************************/
.otto-shop{
background-image: url("../images/otto-shop-mobile.jpg");
}
.otto-shop h1{
text-align: center;
padding: 50px 0;
}
.otto-shop-banner{
height: 80vh;
}
.shop-bttn-container{
position: absolute;
bottom: 25px;
left: 15px;
right: 15px;
}
.card-grid__item{
max-width: 100% !important;
-ms-flex-preferred-size: 100% !important;
flex-basis: 100% !important;
}
.card__body{
display: block !important;
}
.card__content{
height: auto;
}
.single-product .content-area div.product .summary{
padding: 0 15px;
}
.home-video h1{
padding: 100px 0;
}
.pdp-why-buy h1{
padding:0 15px;
text-align: center;
}
.pdp-why-box img{
margin: 0 auto;
display: block;
float: none;
}
.pdp-why-box p{
float: none;
padding: 0;
width: 100%;
text-align: center;
}
.pdp-why-side-img img{
display: none;
}
.pdp-grill-steak h1{
padding: 0 15px 50px 15px;
}
.pdp-grill-steak-img{
height: auto !important;
background-image: none;
}
.pdp-why-buy .red-bttn{
display: block;
}
.wine-bg-cta{
padding: 50px 15px;
}
.pdp-details-box{
border-right: none;
border-bottom: 1px solid #ddd;
}
.pdp-details h1{
padding: 0 15px 50px 15px;
}
.what-box{
padding: 25px 15px;
}
#tab-description h1{
text-align: center;
float: none;
}
.what-box p {
font-family: Gotham_Book_Regular;
font-size: 15px;
line-height: 20px;
width: 50%;
float: left;
padding: 10px 15px;
}
.single-product div.product form.cart .button{
width: 80%;
margin: 0 auto;
display: block;
float: none;
}
body.single-product .breadcrumb{
width: 80%;
margin: 30px auto;
display: block;
float: none;
text-align: center;
}
/******************************
END OF SHOP PAGE STYLE
******************************/
/******************************
START OF FOOTER STYLE
******************************/
.footer-container{
padding-left: 15px !important;
padding-right: 15px !important;
text-align: center;
}
.footer-container h1{
display: none;
}
.footer-social h1{
font-size: 16px !important;
}
.footer-logo h1{
font-size: 12px !important;
line-height: 15px !important;
}
.footer-social img{
width: 50px;
}
.site-footer .menu ul li{
font-size: 20px;
margin: 0 25px;
border-bottom: 1px solid #ffffff40;
padding: 10px 0;
}
/******************************
END OF FOOTER STYLE
******************************/
/******************************
START OF CHECKOUT PAGE STYLE
******************************/
.checkout-accordion{
width: 100%;
margin-right: 0;
}
.we-accept-holder,
.checkout__review,
.cart-collaterals,
.user-acc-checkout-holder,
.cart-items-holder{
width: 100%;
}
table.cart .product-quantity .minus, table.cart .product-quantity .plus, table.cart .product-thumbnail, table.cart td.actions label{
display: block;
}
.woocommerce-cart .cart_item .product-thumbnail img{
max-width: 100% !important;
}
.product-name,
.product-quantity
{
float: right !important;
}
.product-thumbnail{
height: 335px;
}
.payments-dekstop{
display: none;
}
.payments-mobile{
display: block;
}
.table.cart{
margin-bottom: 0;
}
.cart-items-holder{
padding-bottom:0;
}
.cart-collaterals-inside{
margin-bottom: 0;
}
table.cart{
margin-bottom:0;
}
.cart-collaterals-inside{
padding: 15px;
}
.shop_table{
width: 100%;
}
.product-table__col{
padding: 10px 0;
}
.we-accept h1{
font-size: 18px !important;
padding: 0;
}
.we-accept ul li img{
width: 30px;
padding: 10px 0;
}
.woocommerce-cart .entry-header>p{
padding: 5px 0;
float: left;
}
.cart-collaterals-inside{
padding: 0;
border: none;
}
.ch-cart-header{
display: block;
}
.ch-cart-header a{
width: 115px;
background: #c60219;
border-radius: 4px;
display: inline-block;
text-align: center;
color: white !important;
padding: 8px 14px;
font-size: 14px !important;
font-family: Gotham_Bold;
-webkit-box-shadow: none;
box-shadow: none;
border: none !important;
border-radius: 4px;
text-transform: uppercase;
}
.woocommerce .entry-header p a{
padding: 7px;
width: 130px;
}
.woocommerce-cart .hentry .entry-header h1{
float: left;
}
.cart-is-empty{
padding: 50px;
}
.cart-is-empty a{
font-size: 16px !important;
}
.sub-mobile{
font-family: Gotham_Bold;
font-size: 18px;
display: block;
}
.cart-button-holder{
float: right;
width: 130px;
}
.entry-header .col-12{
float: right !important;
width: 100%;
padding: 0;
margin-bottom:10px;
}
.user-acc-checkout h1,
.checkout-header-info p{
font-size: 20px !important;
}
.checkout-as-guest,
.checkout-as-member{
padding: 0;
}
.site-logo-mobile{
width: 50px;
padding: 8px 0;
float: left;
}
.checkout-header-info{
width: 80%;
}
.checkout-header-info h1{
font-size: 28px !important;
margin-right: 0;
padding: 17px;
}
.checkout-header-info img{
width: 70px;
}
.checkout-header-help{
display: none;
}
.need-help-checkout{
font-family: Gotham_Book_Regular;
display: block;
text-align: center;
padding: 20px 0;
margin-bottom: 20px;
background-color: #8c8c8c;
color: #fff;
font-size: 15px;
line-height: 20px;
}
.need-help-checkout span{
font-size: 20px;
}
.checkout-holder{
padding-top: 0;
}
.woocommerce-checkout .site-content .content-area .site-main .woocommerce{
padding-left: 0 !important;
padding-right: 0 !important;
}
.btn[aria-expanded="false"]{
border: unset;
border-top: 1px solid #8c8c8c;
border-bottom: 1px solid #8c8c8c;
}
/******************************
END OF CHECKOUT PAGE STYLE
******************************/
/******************************
START OF BLOG PAGE STYLE
******************************/
.blog-page-title{
padding: 50px 0 !important;
margin-bottom: 50px;
}
.ajax-pagination .button-load-more{
width: 50%;
}
.main-blog .post-box .post-box-top{
height: 205px !important;
}
.search-form{
width: 100%;
}
/******************************
END OF BLOG PAGE STYLE
******************************/
/******************************
START OF RECIPES PAGE STYLE
******************************/
.page-template-event-subscription .sub-page-holder{
width: 100%;
padding: 100px 15px;
}
.search-form{
width: 100%;
}
.recipe-cat a{
font-size: 13px !important;
}
.cat-holder-mobile{
display: none;
}
.recipes-main-title h1{
text-align: center;
}
.recipe-slider .center .post-box .post-box-top{
width:500px !important;
}
.recipe-descr .recipe-descr-text .recipe-info{
width: 100% !important;
}
.recipe-ingredients{
width: 100% !important;
text-align: center;
}
.recipe-slider-title{
left: 100px !important;
right: 100px !important;
}
.rc-border{
width: 80% !important;
}
.recipe-steps .recipe-steps-text p{
font-size: 20px !important;
}
.list-ing{
list-style: none !important;
}
.recipe-ingredients h3{
text-align: center !important;
}
.recipe-descr .recipe-descr-text .recipe-info>div{
background-position: center !important;
margin: 50px 0 !important;
padding-left: 0 !important;
height: 50px !important;
}
.recipe-descr .recipe-descr-text .recipe-info>div span{
padding-top: 50px !important;
}
.recipe-descr .recipe-descr-text .recipe-info{
text-align: center !important;
}
.cat-holder-mobile{
display: block;
}
.woocommerce-cart .entry-header{
z-index: 0;
}
/******************************
END OF RECIPES PAGE STYLE
******************************/
/******************************
DIFFERENT PAGES STYLE
******************************/
.video-page-title{
padding-top: 50px;
}
.modal-body iframe{
height: 250px !important;
}
.pdp-grill-info-holder{
display: block;
}
.product-table {
width: 100%;
}
.pdp-grill-steak img{
width: 70%;
margin: 0 auto;
}
.various-text-banner p{
width: 100%;
}
.ambassadors-box .ambassadors-info{
height:auto;
}
.refer-a-friend h1{
padding: 50px 0 0 0;
text-align: center;
}
.refer-a-friend h1 br{
display: none;
}
.refer-a-friend-info h1{
font-size: 20px !important;
}
.various-banner h1{
padding: 50px 0 0 0;
text-align: center;
text-transform: uppercase;
}
.various-text-banner p{
width: 100%;
}
.refer-a-friend {
background-image: url(../images/refer-a-friend-mobile.jpg);
}
.refer-a-friend-info{
background-image: none !important;
}
.about-us-timeline{
height: 1300px;
}
.events .events-list{
width: 100%;
}
.retailers h1{
font-family: Gotham_Bold;
font-size: 20px !important;
line-height: 30px !important;
}
.retailers-map-d{
display: none;
}
.retailers-map-m{
display: block;
margin: 0 auto;
}
.retailers-banner{
background-image: url(../images/retailers-mobile.jpg);
}
.about-banner h1{
padding: 30px 0 0 0 !important;
text-align: center;
}
.about-banner-holder{
background-image: url(../images/theottofamily-mobile.jpg);
height: 73vh !important;
}
.affiliate-banner h1{
text-align: center;
}
.affiliate-info p{
width: 100%;
}
.affiliate-info h1{
font-size: 20px !important;
}
.view-list{
text-align: center !important;
width: 100%;
}
.site-footer ul li span {
font-family: Gotham_Medium;
font-size: 14px;
}
.woocommerce .entry-header {
padding: 50px 15px;
float: left;
width: 100%;
}
.shop--btn {
width: 80% !important;
left: 10%;
bottom: 10px;
top: unset !important;
}
}
@media (max-width:870px) {
.card__media {
max-width: unset;
min-height: unset;
}
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
.home-product-guarantee .otto-owner img{
width: 50% ;
}
.home-product-guarantee .guarantee-info img {
width: 30% ;
bottom: -200px ;
}
}
@media (max-width: 650px) {
.product-thumbnail{
height: 235px;
}
.page_title{
width: 100%;
}
.main-subtitle{
padding: initial;
text-align: center;
}
.ottos_all--products{
padding-bottom: 0;
}
.ottogrill-secrent-products .reversed-mobile{
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.ottogrill-secrent-products .secret-box-img {
text-align: center;
padding-top: 40px;
}
}
@media (max-width: 500px) {
.about-us-timeline {
height: 1000px;
}
.pdp-grill-steak img {
width: 100%;
margin: 0 auto;
}
.features--item li{
margin-bottom: 0;
}
.otto_products .item {
text-align: center;
}
.ottos_all--products .ottogrill-gallery{
padding-top: 20px;
}
}
@media (max-width: 330px) {
.checkout-header-info h1{
font-size: 22px !important;
}
}