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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
a:hover {
transition: all 0.4s ease-in-out;
}
h1 {
font-family: 'Cabin-Bold';
font-size: 30px;
color: #fff;
text-transform: uppercase;
}
h3 {
font-family: 'Cabin-SemiBold';
font-size: 24px;
color: #008c95;
margin-bottom: 15px;
} .alignleft {
float: left;
margin: 0px 15px 15px 0px;
}
.alignright {
float: right;
margin: 0px 0px 15px 15px;
}
.grey-btn {
display: inline-block;
font-family: 'Montserrat-Regular';
font-size: 15px;
color: #484848;
text-transform: uppercase;
border: 1px solid #3a3a3a;
padding: 14px 80px 12px;
transition: all 0.4s ease-in-out;
}
.grey-btn:hover, .grey-btn:focus {
background: #3a3a3a;
color: #fff;
text-decoration: none;
} .header {
float: left;
width: 100%;
}
.header-top {
float: left;
width: 100%;
position: relative;
text-align: center;
background: rgb(198,204,208); background: -moz-linear-gradient(left, rgba(198,204,208,1) 0%, rgba(255,255,255,1) 49%, rgba(198,204,208,1) 100%); background: -webkit-linear-gradient(left, rgba(198,204,208,1) 0%, rgba(255,255,255,1) 49%, rgba(198,204,208,1) 100%); background: linear-gradient(to right, rgba(198,204,208,1) 0%, rgba(255,255,255,1) 49%, rgba(198,204,208,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6ccd0', endColorstr='#c6ccd0', GradientType=1 ); padding: 8px 0 0;
}
.top-nav {
position: absolute;
top: 8px;
right: 15px;
}
.top-nav ul {
list-style: none;
}
.top-nav ul li {
display: inline-block;
}
.top-nav ul li a {
font-family: 'Cabin-Regular';
font-size: 14px;
color: #223e7d;
text-transform: capitalize;
border-right: 1px solid #223e7d;
padding: 0 8px 0 3px;
}
.top-nav ul li:last-child a {
border: 0;
}
.top-nav ul li a:hover, .top-nav ul li a:focus {
color: #0678be;
text-decoration: none;
}
.logo {
display: block;
margin-bottom: 13px;
}
.tag-line {
display: inline-block;
font-family: 'Cabin-Bold';
font-size: 28px;
color: #008c95;
text-transform: uppercase;
margin-bottom: 17px;
}
.green-bar {
background: #008c95;
display: block;
text-align: center;
padding: 10px 0 13px;
}
.green-bar h3 {
font-family: 'Cabin-Regular';
font-size: 26px;
color: #fff;
}
.green-bar h3 span {
font-family: 'Cabin-SemiBoldItalic';
color: #122d68;
}
.green-bar h2 {
background: #223e7d;
display: inline-block;
font-family: 'Cabin-Bold';
font-size: 20px;
color: #fff;
border: 1px solid #223e7d;
padding: 6px 30px;
margin-bottom: 0px;
}
.green-bar .aws-container {
display: inline-block;
vertical-align: top;
width: 30%;
}
.green-bar .aws-container .aws-search-field {
display: block;
background: rgba(34, 62, 125, 0.32);
width: 100%;
height: 38px;
font-size: 15px;
color: #fff;
border: 1px solid #006782;
outline: none;
border-radius: 2px;
padding: 5px 12px;
margin-right: 10px;
}
.green-bar .aws-container .aws-search-field:focus {
background: rgba(34, 62, 125, 0.32);
}
.green-bar .aws-container .aws-search-field::-moz-placeholder {
color: #fff;
}
.green-bar .aws-container .aws-search-field:-ms-input-placeholder {
color: #fff;
}
.green-bar .aws-container .aws-search-field::-webkit-input-placeholder {
color: #fff;
}
.header-bottom {
float: left;
width: 100%;
background: rgb(198, 204, 208);
background: -moz-linear-gradient(270deg, rgb(198, 204, 208) 39%, rgb(255, 255, 255) 100%);
background: -webkit-linear-gradient(270deg, rgb(198, 204, 208) 39%, rgb(255, 255, 255) 100%);
background: -o-linear-gradient(270deg, rgb(198, 204, 208) 39%, rgb(255, 255, 255) 100%);
background: -ms-linear-gradient(270deg, rgb(198, 204, 208) 39%, rgb(255, 255, 255) 100%);
background: linear-gradient(0deg, rgb(198, 204, 208) 39%, rgb(255, 255, 255) 100%);
} .main-nav {
background: url(//www.shorebest.com/wp-content/themes/shore-best/images/main-nav-sep.gif) repeat-y left;
display: inline-block;
margin-bottom: -4px;
}
.main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
background: url(//www.shorebest.com/wp-content/themes/shore-best/images/main-nav-sep.gif) repeat-y right;
padding: 0 1px 0 0px;
}
.main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
font-family: 'Cabin-Regular';
line-height: normal;
} .banner-area {
float: left;
width: 100%;
position: relative;
}
.banner-area img {
width: 100%;
}
.caption-area {
background: rgba(6,120,190,0.65);
position: absolute;
bottom: 14%;
right: 0;
left: 0;
}
.banner-area .nivo-caption {
background: rgba(6,120,190,0.65);
position: absolute;
bottom: 14%;
right: 0;
left: 0;
text-align: left;
padding: 15px 0;
}
.banner-area h3 {
font-family: 'Cabin-Regular';
font-size: 26px;
color: #fff;
margin: 0;
}
.banner-area h3 span {
font-family: 'Cabin-Bold';
font-size: 40px;
color: #fff;
text-transform: uppercase;
margin-right: 18px;
}
.heading-div {
position: absolute;
bottom: 40%;
left: 0px;
right: 0px;
z-index: 100;
text-align: center;
}
.heading-div h1 {
display: inline-block;
background: rgba(6,120,190,0.65);
padding: 15px 50px;
} .content-area {
float: left;
width: 100%;
background: #fff url(//www.shorebest.com/wp-content/themes/shore-best/images/content-bg.gif) no-repeat bottom center;
background-size: cover;
}
.welcome-area {
background: url(//www.shorebest.com/wp-content/themes/shore-best/images/content-bg.gif) no-repeat bottom center;
background-size: cover;
float: left;
width: 100%;
padding: 75px 0 40px;
}
.welcome-text {
max-width: 500px;
display: block;
font-size: 20px;
color: #0678be;
line-height: normal;
padding-bottom: 40px;
}
.welcome-text h3 {
font-family: 'Cabin-SemiBold';
font-size: 24px;
color: #0678be;
margin: 0;
}
.content-div {
float: left;
width: 100%;
min-height: 450px;
padding: 40px 0;
}
.content-div ol {
margin-left: 12px;
}
.content-div ol li {
padding-bottom: 20px;
}
.content-div ul {
list-style: none;
}
.content-div ul li {
background: url(//www.shorebest.com/wp-content/themes/shore-best/images/green-bullet.gif) no-repeat 0px 6px;
display: block;
padding: 0px 0px 12px 15px;
}
.filter-area {
background: #008c95;
display: block;
text-align: center;
padding: 20px 0;
}
.filter-btn {
display: inline-block;
background: #223e7d;
font-family: 'Cabin-Bold';
color: #fff;
text-transform: uppercase;
border: 0px;
outline: none;
border-radius: 2px;
transition: all 0.4s ease-in-out;
padding: 9px 30px;
}
.filter-btn:hover {
background: #122d68;
}
.filter-area h3 {
font-family: 'Cabin-Regular';
font-size: 26px;
color: #fff;
}
.filter-area h3 span {
font-family: 'Cabin-SemiBoldItalic';
color: #122d68;
}
.panel-heading h3 {
display: inline-block;
font-family: 'Cabin-Bold';
font-size: 22px;
color: #008c95;
}
.panel-heading h3 a {
color: #008c95;
}
.panel-heading h3 span {
font-size: 16px;
color: #484848;
}
.panel-heading h3 a:hover, .panel-heading h3 a:focus {
text-decoration: none;
color: #000;
}
.panel-footer ul {
list-style: none;
}
.panel-footer ul li {
display: inline-block;
border-right: 1px solid #dddddd;
padding: 0 10px;
}
.panel-footer ul li:first-child {
border-right: 0px;
padding: 0px;
}
.panel-footer ul li:last-child {
border-right: 0px;
}
.panel-footer ul li a {
color: #484848;
}
.panel-footer ul li span {
font-family: 'Cabin-Bold';
font-size: 15px;
color: #008c95;
}
.panel-footer ul li a:hover, .panel-footer ul li a:focus {
text-decoration: none;
color: #008c95;
}
.pagination-area {
text-align: center;
}
.content-div .products span.sku_wrapper {
display: inline-block;
font-family: 'Cabin-Bold';
padding-left: 5px;
}
.content-div .products .tagged_as {
background-color: #f5f5f5;
display: block;
width: 100%;
font-family: 'Cabin-Bold';
font-size: 15px;
color: #008c95;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
padding: 10px 15px;
}
.content-div .products .tagged_as a {
display: inline-block;
font-family: 'Cabin-Regular';
font-size: 15px;
color: #484848;
border-right: 1px solid #dddddd;
padding: 0 5px;
}
.content-div .products .tagged_as a:last-child {
border-right: 0px;
}
.content-div .products .tagged_as a:hover, .content-div .products .tagged_as a:focus {
text-decoration: none;
color: #008c95;
}
.content-div .product_meta .tagged_as {
background-color: #f5f5f5;
display: block;
width: 100%;
font-family: 'Cabin-Bold';
font-size: 15px;
color: #008c95;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
padding: 10px 15px;
margin-bottom: 50px;
}
.content-div .product_meta .tagged_as a {
display: inline-block;
font-family: 'Cabin-Regular';
font-size: 15px;
color: #484848;
border-right: 1px solid #dddddd;
padding: 0 5px;
}
.content-div .product_meta .tagged_as a:last-child {
border-right: 0px;
}
.content-div .product_meta .tagged_as a:hover, .content-div .product_meta .tagged_as a:focus {
text-decoration: none;
color: #008c95;
}
.content-div nav.woocommerce-pagination ul {
border: 0px !important;
}
.content-div nav.woocommerce-pagination ul li {
background: none;
border-right: 0px !important;
margin: 0px 5px 5px !important;
}
.content-div nav.woocommerce-pagination ul li a, .content-div nav.woocommerce-pagination ul li span {
position: relative;
float: left;
padding: 7px 16px 5px !important;
color: #484848;
text-decoration: none;
background-color: #f7f7f7;
border: 1px solid #ddd;
border-radius: 2px;
}
.content-div nav.woocommerce-pagination ul li a:focus, .content-div nav.woocommerce-pagination ul li a:hover, .content-div nav.woocommerce-pagination ul li span.current {
background-color: #f7f7f7;
border-color: #008c95;
color: #008c95;
} .content-div .woocommerce form.checkout_coupon, .content-div .woocommerce form.login, .content-div .woocommerce form.register {
background: #fff;
border: 1px solid #ddd;
border-radius: 3px;
padding: 20px 0px 20px 20px;
}
.content-div .woocommerce form .form-row {
display: inline-block;
width: 47%;
padding: 0px;
margin: 0 1% 20px;
}
.content-div .woocommerce form .form-row input.input-text, .content-div .woocommerce form .form-row textarea {
display: inline-block;
background: rgba(0, 103, 103, 0.32);
height: 36px;
color: #fff;
border: 1px solid #006782;
outline: none;
padding: 5px 12px;
border-radius: 2px;
}
.content-div .woocommerce #respond input#submit, .content-div .woocommerce a.button, .content-div .woocommerce button.button, .content-div .woocommerce input.button {
display: inline-block;
background: #223e7d;
font-family: 'Cabin-Bold';
color: #fff;
text-transform: uppercase;
border: 0px;
outline: none;
border-radius: 2px;
transition: all 0.4s ease-in-out;
padding: 9px 30px;
margin-left: 10px;
}
.content-div .woocommerce form.login input.button {
margin-left: 0px;
}
.content-div .woocommerce #respond input#submit:hover, .content-div .woocommerce a.button:hover, .content-div .woocommerce button.button:hover, .content-div .woocommerce input.button:hover {
background: #122d68;
color: #fff;
}
.content-div .woocommerce form .form-row label.inline {
margin-left: 20px;
}
.content-div p.woocommerce-LostPassword.lost_password {
margin-left: 10px;
}
.content-div nav.woocommerce-MyAccount-navigation {
background: #008c95;
float: left;
width: 30%;
padding: 20px;
}
.content-div nav.woocommerce-MyAccount-navigation ul {
list-style: none;
}
.content-div nav.woocommerce-MyAccount-navigation ul li {
display: block;
border-bottom: 1px solid #006782;
padding: 0px;
margin-bottom: 0px;
}
.content-div nav.woocommerce-MyAccount-navigation ul li a {
background: url(//www.shorebest.com/wp-content/themes/shore-best/images/white-bullet.png) no-repeat 0px 11px;
display: block;
color: #FFF;
transition: all 0.4s ease-in-out;
padding: 10px 0px 10px 20px;
}
.content-div nav.woocommerce-MyAccount-navigation ul li a:hover, .content-div nav.woocommerce-MyAccount-navigation ul li a:focus {
background: #006782 url(//www.shorebest.com/wp-content/themes/shore-best/images/white-bullet.png) no-repeat 5px 11px;
color: #FFF;
text-decoration: none;
}
.content-div .woocommerce-info {
border-top-color: #006782;
}
.content-div .images img {
width: auto !important;
max-width: inherit;
}
h1.product_title {
display: inline-block;
color: #008c95;
margin-bottom: 10px;
}
.product-right {
float: right;
margin-left: 15px;
}
.product-detail-image {
display: block;
}
.woocommerce .product-detail-image div.images, .woocommerce .product-detail-image div.images, .woocommerce-page .product-detail-image div.images, .woocommerce-page .product-detail-image div.images {
float: none !important;
width: 100% !important;
margin-bottom: 1em !important;
}
.download-btn {
display: block;
text-align: center;
}
.download-btn a {
display: inline-block;
background: #223e7d url(//www.shorebest.com/wp-content/themes/shore-best/images/pdf-download.png) no-repeat 10px 9px;
font-family: 'Cabin-Bold';
font-size: 14px;
color: #fff;
text-transform: uppercase;
border: 0px;
outline: none;
border-radius: 2px;
transition: all 0.4s ease-in-out;
padding: 8px 25px 8px 35px;
}
.download-btn a:hover, .download-btn a:focus {
background: #122d68 url(//www.shorebest.com/wp-content/themes/shore-best/images/pdf-download.png) no-repeat 10px 9px;
color: #fff;
text-decoration: none;
}
.woocommerce .content-div div.product .woocommerce-tabs ul.tabs {
text-align: center;
margin: 0;
}
.woocommerce .content-div div.product .woocommerce-tabs ul.tabs:before {
display: none;
}
.woocommerce .content-div div.product .woocommerce-tabs ul.tabs li {
border: 0px;
background-color: #008c95;
display: inline-block;
border-radius: 0px 0px 0 0;
margin: 0 0px;
padding: 0 1em;
}
.woocommerce .content-div .content-div div.product .woocommerce-tabs ul.tabs li a {
display: inline-block;
padding: 10px 5px;
font-weight: 700;
color: #fff;
}
.woocommerce .content-div div.product .woocommerce-tabs ul.tabs li a {
display: block;
color: #fff;
}
.woocommerce .content-div div.product .woocommerce-tabs ul.tabs li:before {
display: none;
}
.woocommerce .content-div div.product .woocommerce-tabs ul.tabs li:after {
display: none;
}
.woocommerce .content-div div.product .woocommerce-tabs .panel {
overflow: hidden;
padding: 20px;
}
.woocommerce .content-div div.product .woocommerce-tabs .panel h2 {
font-family: 'Cabin-Bold';
font-size: 20px;
color: #008c95;
margin-bottom: 15px;
}
.woocommerce .content-div div.product .woocommerce-tabs .panel .image-text {
float: right;
}
.woocommerce .content-div #review_form #respond textarea {
display: inline-block;
background: rgba(0, 103, 103, 0.32);
color: #fff;
border: 1px solid #006782;
outline: none;
padding: 5px 12px;
border-radius: 2px;
}
.woocommerce .content-div #review_form #respond .form-submit input {
background: #223e7d;
font-family: 'Cabin-Bold';
color: #fff;
text-transform: uppercase;
border: 0px;
outline: none;
border-radius: 2px;
transition: all 0.4s ease-in-out;
padding: 9px 30px;
}
.woocommerce .content-div #review_form #respond .form-submit input:hover {
background: #122d68;
}
.content-div .sku_wrapper {
display: inline-block;
font-family: 'Cabin-Bold';
padding-left: 5px;
vertical-align: top;
padding-top: 8px;
}
.woocommerce .content-div div.product .woocommerce-tabs .panel ul li {
display: inline-block;
width: 33%;
}
.woocommerce .content-div div.product .woocommerce-tabs .panel form ul li:first-child {
background: none;
display: inline-block;
width: 100%;
padding: 0px 0px 0px 2%;
}
.woocommerce .content-div div.product .woocommerce-tabs .panel form ul li:nth-child(5) {
background: none;
display: inline-block;
width: 100%;
padding: 0px 0px 0px 2%;
}
.woocommerce .content-div div.product .woocommerce-tabs .panel form ul li {
background: none;
display: inline-block;
width: 50%;
padding: 0px 0px 0px 2%;
}
.content-div .gform_wrapper .ginput_complex .ginput_left {
width: 50%;
float: left;
}
.content-div .gform_wrapper .ginput_complex .ginput_right {
width: 48%;
float: right;
}
.content-div .gform_wrapper .ginput_complex .ginput_right input[type=text], .content-div .gform_wrapper .ginput_complex .ginput_right input[type=url], .content-div .gform_wrapper .ginput_complex .ginput_right input[type=email], .content-div .gform_wrapper .ginput_complex .ginput_right input[type=tel], .content-div .gform_wrapper .ginput_complex .ginput_right input[type=number], .content-div .gform_wrapper .ginput_complex .ginput_right input[type=password], .content-div .gform_wrapper .ginput_complex .ginput_right select {
display: inline-block;
background: rgba(0, 103, 103, 0.32);
width: 100% !important;
height: 36px;
color: #fff;
border: 1px solid #006782;
outline: none;
padding: 5px 12px;
border-radius: 2px;
}
.content-div .gform_wrapper .field_name_first input, .content-div .gform_wrapper .ginput_complex .ginput_left input {
display: inline-block;
background: rgba(0, 103, 103, 0.32);
width: 100% !important;
height: 36px;
color: #fff;
border: 1px solid #006782;
outline: none;
padding: 5px 12px;
border-radius: 2px;
}
.content-div .gform_wrapper .top_label input.medium, .content-div .gform_wrapper .top_label select.medium {
display: inline-block;
background: rgba(0, 103, 103, 0.32);
width: 100%;
height: 36px;
color: #fff;
border: 1px solid #006782;
outline: none;
padding: 5px 12px;
border-radius: 2px;
}
.content-div .gform_wrapper .top_label input.large, .content-div .gform_wrapper .top_label select.large, .content-div .gform_wrapper .top_label textarea.textarea {
display: inline-block;
background: rgba(0, 103, 103, 0.32);
width: 100%;
height: auto;
color: #fff;
border: 1px solid #006782;
outline: none;
padding: 5px 12px;
border-radius: 2px;
}
.content-div .gform_wrapper .gform_footer input.button, .content-div .gform_wrapper .gform_footer input[type=submit] {
display: inline-block;
background: #223e7d;
font-family: 'Cabin-Bold';
font-size: 15px;
color: #fff;
text-transform: uppercase;
border: 0px;
outline: none;
border-radius: 2px;
transition: all 0.4s ease-in-out;
padding: 9px 30px;
margin-left: 2%;
}
.content-div .gform_wrapper .gform_footer input.button:hover, .content-div .gform_wrapper .gform_footer input[type=submit]:hover {
background: #122d68;
}
.content-div .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
padding-left: 2% !important;
}
.content-div .gform_wrapper .ginput_container + .gfield_description.validation_message {
margin-top: 0px;
position: absolute;
}
.content-div .gform_wrapper .top_label .gfield_description.validation_message, .content-div .gform_wrapper .gfield_description.validation_message {
padding: 0px 0 !important;
}
.content-div .gform_wrapper li.gfield.gfield_error, .content-div .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
border-top: 0px;
border-bottom: 0px;
} .footer {
float: left;
width: 100%;
border-top: 10px solid #008c95;
text-align: center;
padding: 27px 0 30px;
}
.contact-nav {
display: block;
padding-bottom: 25px;
}
.contact-nav li {
display: inline-block;
font-size: 16px;
color: #8e8e8e;
line-height: normal;
text-align: left;
padding: 0 32px;
}
.contact-nav ul li a {
display: block;
color: #008c95;
text-decoration: underline;
}
.contact-nav ul li a:hover, .contact-nav ul li a:focus {
color: #223e7d;
}
.footer-nav {
display: block;
}
.footer-nav ul {
list-style: none;
}
.footer-nav ul li {
display: inline-block;
}
.footer-nav ul li a {
display: block;
font-family: 'Cabin-Regular';
font-size: 16px;
color: #008c95;
text-decoration: underline;
border-right: 1px solid #008c95;
text-transform: capitalize;
padding: 0 11px 0 5px;
}
.footer-nav ul li:last-child a {
border: 0;
}
.footer-nav ul li a:hover, .footer-nav ul li a:focus {
color: #223e7d;
} @media only screen and (max-width:1024px) {
.main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
padding: 20px 8px 20px 8px;
}
} @media (min-width: 768px) and (max-width: 979px) {
.logo {
margin-top: 20px;
}
.header-bottom {
background: #008c95;
}
.green-bar {
text-align: left;
padding: 10px 0 13px 20px;
}
.green-bar h2 {
font-size: 17px;
padding: 8px 30px;
}
.green-bar .aws-container {
width: 40%;
}
.main-nav {
background: none;
float: right;
width: 100%;
margin-top: -55px;
}
.main-nav #mega-menu-wrap-primary .mega-menu-toggle {
background: none;
line-height: 50px;
height: 50px;
text-align: center;
}
.main-nav #mega-menu-wrap-primary #mega-menu-primary {
background: #008c95;
padding: 20px 0px 10px;
}
.main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
background: none;
padding: 0px;
border: 1px solid #007981;
margin: 0px 5px 10px;
}
.main-nav br {
display: none;
}
.main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
color: #fff;
text-align: left;
padding: 10px 20px;
}
.main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, .main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, .main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus {
background: #007981;
color: #fff;
}
.woocommerce .content-div div.product .woocommerce-tabs ul.tabs li {
padding: 0 0.3em;
}
.woocommerce-account .content-div .woocommerce-MyAccount-content {
float: right;
width: 68%;
}
.download-btn {
margin-bottom: 20px;
}
} @media (max-width: 767px) {
.top-nav {
position: inherit;
top: inherit;
right: inherit;
display: block;
margin-bottom: 20px;
}
.green-bar {
text-align: left;
padding: 10px 0 13px 20px;
}
.logo {
margin-bottom: 10px;
}
.logo img {
width: 300px;
height: auto;
}
.header-bottom {
background: #008c95;
}
.main-nav {
background: none;
float: right;
width: 100%;
margin-top: -55px;
}
.main-nav #mega-menu-wrap-primary .mega-menu-toggle {
background: none;
line-height: 50px;
height: 50px;
text-align: center;
}
.main-nav #mega-menu-wrap-primary #mega-menu-primary {
background: #008c95;
padding: 20px 0px 10px;
}
.main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
background: none;
padding: 0px;
border: 1px solid #007981;
margin: 0px 5px 10px;
}
.main-nav br {
display: none;
}
.main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
color: #FFF;
text-align: left;
padding: 10px 20px;
}
.main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, .main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, .main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus {
background: #007981;
color: #fff;
}
.tag-line {
font-size: 20px;
margin-bottom: 15px;
}
.green-bar h3 {
font-size: 20px;
}
.banner-area h3 {
font-size: 18px;
}
.banner-area h3 span {
font-size: 30px;
margin-right: 15px;
}
.welcome-text {
font-size: 17px;
}
.welcome-text h3 {
font-size: 20px;
}
.contact-nav li {
font-size: 15px;
padding: 0 16px;
}
.footer-nav ul li a {
font-size: 15px;
padding: 0 10px 0 5px;
}
.heading-div h1 {
font-size: 25px;
}
.content-div .products .tagged_as {
font-size: 14px;
padding: 10px 10px;
}
.panel-heading h3 {
font-size: 20px;
}
.content-div .products span.sku_wrapper {
padding-top: 5px;
}
.filter-area h1 {
font-size: 22px;
}
.filter-area .aws-container .aws-search-field {
height: 35px;
font-size: 14px;
}
h1.product_title {
font-size: 25px;
}
.content-div .sku_wrapper {
padding-top: 8px;
}
.woocommerce .content-div div.product .woocommerce-tabs ul.tabs {
padding: 0 0 0 0em;
}
.woocommerce .content-div div.product .woocommerce-tabs ul.tabs li {
width: 49%;
}
.alignright {
float: none;
margin: 0px 0px 10px 0px;
}
.woocommerce .content-div div.product .woocommerce-tabs .panel ul li {
display: inline-block;
width: 49%;
}
.content-div .woocommerce #respond input#submit, .content-div .woocommerce a.button, .content-div .woocommerce button.button, .content-div .woocommerce input.button {
padding: 7px 20px;
}
.content-div .woocommerce form .form-row label.inline {
margin-left: 10px;
}
.content-div .woocommerce form.checkout_coupon, .content-div .woocommerce form.login, .content-div .woocommerce form.register {
padding: 20px 20px 20px 20px;
}
.green-bar h2 {
font-size: 13px;
padding: 10px 15px;
}
.green-bar .aws-container {
width: 35%;
}
.download-btn {
margin-bottom: 20px;
}
.product-right {
float: none;
margin-left: 0px;
display: block;
}
.filter-area {
padding: 10px 0;
}
.filter-area h3 {
font-size: 22px;
}
} @media (max-width: 480px) {
.welcome-area {
padding: 30px 0 20px;
}
.welcome-text {
font-size: 15px;
margin-bottom: 10px;
}
.welcome-text h3 {
font-size: 17px;
}
.contact-nav li {
font-size: 14px;
padding: 0 10px;
}
.footer-nav ul li a {
font-size: 14px;
}
.heading-div h1 {
font-size: 22px;
padding: 8px 30px;
}
}
@media (max-width:479px) {
h1.product_title {
font-size: 20px;
}
.tag-line {
font-size: 19px;
}
.main-nav {
margin-top: 0px;
}
.green-bar h3 {
font-size: 14px;
}
.green-bar {
text-align: left;
padding: 10px 20px 13px;
}
.green-bar h2 {
display: block;
padding: 10px 15px;
}
.green-bar .aws-container {
width: 100%;
}
.logo img {
width: 250px;
height: auto;
}
.heading-div {
bottom: 0;
}
.heading-div h1 {
display: block;
font-size: 18px;
padding: 8px 5px;
}
.filter-area h1 {
font-size: 12px;
padding: 7px 9px 8px
}
.filter-area .aws-container {
display: inline-block;
vertical-align: top;
width: auto;
}
.filter-area .aws-container .aws-search-field {
font-size: 13px;
height: 32px;
}
.woocommerce .content-div div.product .woocommerce-tabs ul.tabs li {
width: 100%;
padding: 0;
}
.woocommerce .content-div div.product .woocommerce-tabs .panel ul li {
display: block;
width: auto;
}
.woocommerce .content-div div.product .woocommerce-tabs .panel form ul li {
width: 100%;
}
.contact-nav li {
display: block;
font-size: 14px;
padding: 0 0px;
border-bottom: 1px solid #ececec;
padding-bottom: 20px;
margin-bottom: 20px;
}
.contact-nav {
display: block;
padding-bottom: 0px;
}
.footer-nav ul li a {
font-size: 12px;
}
.product-right {
float: left;
width: 100%;
text-align: center;
margin-left: 0px;
}
.content-div .images img {
width: 100% !important;
max-width: inherit;
}
.content-div .woocommerce form .form-row {
display: inline-block;
width: 90%;
padding: 0px;
margin: 0 0 20px;
}
.content-div p.woocommerce-LostPassword.lost_password {
margin-left: 0px;
}
.content-div nav.woocommerce-MyAccount-navigation {
width: 100%;
margin-bottom: 30px;
}
.panel-heading h3 {
font-size: 16px;
}
.content-div .woocommerce form .form-row {
width: 100%;
}
.content-div .woocommerce #respond input#submit, .content-div .woocommerce a.button, .content-div .woocommerce button.button, .content-div .woocommerce input.button {
margin-left: 0px;
}
.woocommerce-account .content-div .woocommerce-MyAccount-content, .woocommerce-account .content-div .woocommerce-MyAccount-navigation {
float: left;
width: 100%;
}
.content-div .woocommerce-error, .content-div .woocommerce-info, .content-div .woocommerce-message {
padding: 1em 1em 1em 2em!important;
}
.content-div .woocommerce-error:before, .content-div .woocommerce-info:before, .content-div .woocommerce-message:before {
left: 0.5em;
}
.content-div .woocommerce #respond input#submit, .content-div .woocommerce a.button, .content-div .woocommerce button.button, .content-div .woocommerce input.button {
padding: 7px 15px;
}
.banner-area .nivo-caption {
bottom: 0;
padding: 10px 0;
}
.banner-area h3 {
font-size: 0px;
}
.banner-area h3 span {
font-size: 20px;
}
.content-div .products .tagged_as a {
padding: 0 6px 5px;
}
.content-div .products span.sku_wrapper {
padding-top: 0px;
}
.download-btn a {
margin-bottom: 10px;
}
.filter-area h3 {
font-size: 18px;
}
}