/* Theme Name: Atiframe Builder Theme URI: https://secretlab.pw/atiframe-builder/ Author: secretlaboratory Author URI: https://secretlab.pw/ Description: Web Design, SEO, Marketing Company, Creative Agency, Online Business WordPress Theme Text Domain: atiframe-builder Domain Path: /languages Version: 1.5 License: Commercial License URI: http://themeforest.net/licenses/terms/regular Tags: two-columns, three-columns, four-columns, left-sidebar, right-sidebar, grid-layout, footer-widgets, full-width-template, sticky-post, blog, photography, portfolio * @fs_premium_only /import/demo2/demo_data.xml, /import/demo3/demo_data.xml, /import/demo4/demo_data.xml, /import/demo5/demo_data.xml, /import/demo6/demo_data.xml */ /*-------------------------------------------------------------- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! # The file generated automatically, so DON'T PUT YOUR CSS CODE HERE, USE Theme Options -> Custom instead !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! --------------------------------------------------------------*/ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Accessibility # Alignments # Clearings # Typography # Forms # Buttons # Formatting # Lists # Tables # Navigation # Links # Layout ## Posts ## Pages # Comments # Widgets # Infinite scroll # Media## Galleries --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ * { box-sizing: border-box; } *:before,*:after { box-sizing: border-box; } html { margin: 0; } body { line-height:1.7em; font-family: "Roboto"; font-size: 16px; color: #2c3840; font-weight: 400; background-color: rgba(255,255,255,1); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden !important; margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; max-width: 100% } img.size-full,img.size-large,img.wp-post-image { height: auto; max-width: 100%; } svg:not(:root) { overflow: hidden; } figure { margin: 0 auto; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } embed,iframe,object,video { max-width: 100%; } .td_foot { background-color: #f9f9f9; height: 150px } .pageedit_link { display: none } .clr { clear: both; content: ""; display: block } .composer { width: 100% } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } .header_alt { width:100%; background-color: #ffffff; text-align: left; padding: 0 0 0 0 } .header_alt .padwrap { padding-top: 30px; } .header_alt .topbar { background-color: #132333; padding: 20px 0; } .header_alt .topbar .ssc_icon_box .title, .header_alt .topbar .ssc_icon_box .icon_box { color: #7f8084; font-size: 15px; line-height: 20px; font-weight: 400; } .header_alt .topbar .ssc_icon_box .icon_box { padding-right: 10px; } .header_alt .topbar .ssc_icon_box { content: ""; clear: both; display: block; } .header_alt .topbar .right .ssc_icon_box { float: right; } .header_alt .topbar .right .title { text-align: right !important; } .header_alt .topbar .title a{ color: #7f8084; text-decoration: none; } .header_alt .covergbr { height: 350px; background: #323336 url(images/desk-mini.jpg) 50% 50%/auto no-repeat scroll; padding-top: 0; margin-top: 0; overflow: visible } .header_alt .home-link { width: 100%; text-decoration: none } .header_alt .logoimg { float: left; margin: 30px 100px 30px 0; } .header_alt a h1 { max-width: 1170px; margin: 0 auto; width: 100%; display: block; padding: 0 15px; color:#fff; font-size: 50px; line-height: 60px; margin-top: 100px; text-align: left; } .header_alt a:hover h1 { color: #3695d9; } .header_alt .nav-menu { margin-top: -30px; } .header_alt ul { background-image:none; box-shadow:none; background-color: #004a97; border:none; margin: -35px 0 0 0; padding: 0 0 0 20px; text-align: left; clear: both; z-index: 3; position: relative; border-radius: 8px } .header_alt ul li { margin:0; padding:0; list-style: none; display: inline-block; position: relative } .header_alt ul li a { color: #fff; font-family: 'Poppins', sans-serif; text-transform: none; font-size: 18px; font-weight: 400; text-decoration: none; -webkit-transition: all 200ms; -moz-transition: all 200ms; transition: all 200ms; } .header_alt ul li:before { content:none } .header_alt ul li > a { text-shadow: none; padding: 20px 30px 20px 5px; display: block; border-radius: 8px; } .header_alt ul li > a:hover { color: #d2dbe1; text-decoration: underline; } .header_alt ul li > a:focus, .header_alt ul > li > a:active { color: #d2dbe1; background-color: transparent; } .header_alt ul li ul { display: block; position: absolute; top: 100%; left: 0; margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; width: 250px; padding: 20px 0; transform: scale(0); transition: all 200ms } .header_alt ul li:hover ul { transform: scale(1) } .header_alt ul li ul li { display: block; width: 100%; } .header_alt ul li:hover ul li { } .header_alt ul li ul li a { padding: 8px 20px; font-size: 16px; line-height: 22px; } .header_alt .topnav .icon { display: none; } .footer_alt { width:100%; background-color: #f1f4f6; text-align: left; padding: 20px 20px } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ button, input, select, textarea { font-family: "Roboto"; font-size: 16px; line-height: 1.5; border:0; outline: none; } h1 { font-family: "Poppins"; color: #2c3840; font-weight: 500; font-size: 30px; line-height: 40px; text-transform: none; text-align: left; margin: 20px 0; } h2 { font-family: "Poppins"; color: #2c3840; font-weight: 500; font-size: 30px; line-height: 40px; text-transform: none; text-align: left; margin: 20px 0 15px 0; } h3 { font-family: "Poppins"; color: #2c3840; font-weight: 500; font-size: 28px; line-height: 38px; text-transform: none; text-align: left; margin: 20px 0; } h4 { font-family: "Poppins"; color: #2c3840; font-weight: 500; font-size: 22px; line-height: 30px; text-transform: none; text-align: left; margin: 20px 0 10px 0; } h5, .rblock h5 a { font-family: "Poppins"; color: #2c3840; font-weight: 500; font-size: 18px; line-height: 26px; text-transform: uppercase; text-align: left; margin: 20px 0 10px 0; } h6 { font-family: "Poppins"; color: #2c3840; font-weight: 400; font-size: 16px; line-height: 20px; text-transform: none; text-align: left; margin: 20px 0 10px 0; } p { margin: 10px 0 25px 0; line-height:24px; } a { outline: 0; color: #3695d9 } a:hover { outline: 0; color:#004a97 } a:active { color:#004a97 } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em 30px 1.5em; padding: 15px 15px; background-color: #e2e2e2; } blockquote p:first-child{ margin-top: 0 } blockquote p:last-child{ margin-bottom: 0 } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } blockquote, q { quotes: "" ""; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } .tal { text-align: left } .tar { text-align: right } .tac { text-align: center } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], html body textarea { background-color: rgba(255,255,255,1); color: rgba(118,129,136,1); border-radius: 0px; height: 44px; line-height: 44px; box-sizing: border-box; outline:none; max-width: 100%; border: 1px #e9e9e9 solid; } html body textarea { line-height:26px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, html body textarea:focus { color: #333333; border-color: rgba(0,74,151,1) } select { border: 1px solid #ccc; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"] { padding: 0 15px; } html body textarea { padding:8px 15px; height:100px; width: 100%; } .ihundred input[type="text"], .ihundred input[type="email"], .ihundred input[type="url"], .ihundred input[type="tel"] { width: 100% } input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, html body textarea::-webkit-input-placeholder, input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, html body textarea::-moz-placeholder, input[type="text"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="url"]:-moz-placeholder, html body textarea:-moz-placeholder, input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, html body textarea:-ms-input-placeholder { color: #b2b9be } div.wpcf7 { margin: 0; padding: 0 } div.wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; clear: both } div.wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; margin: 0; padding: 0; border: 0; } div.wpcf7-mail-sent-ok { border: 2px solid #398f14; } div.wpcf7-mail-sent-ng { border: 2px solid #ff0000; } div.wpcf7-spam-blocked { border: 2px solid #ffa500; } div.wpcf7-validation-errors { border: 2px solid #f7e700; } .wpcf7-form-control-wrap { position: relative; } span.wpcf7-not-valid-tip { color: #f00; font-size: 1em; font-weight: normal; display: block; } .use-floating-validation-tip span.wpcf7-not-valid-tip { position: absolute; top: 20%; left: 20%; z-index: 100; border: 1px solid #ff0000; background: #fff; padding: .2em .8em; } span.wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; } span.wpcf7-list-item-label::before,span.wpcf7-list-item-label::after { content: " "; } .wpcf7-display-none { display: none; } div.wpcf7 .ajax-loader { visibility: hidden; display: inline-block; background-image: url('images/ajax-loader2.gif'); width: 16px; height: 16px; border: none; padding: 0; margin: 0 0 0 4px; vertical-align: middle; } div.wpcf7 .ajax-loader.is-active { visibility: visible; } div.wpcf7 div.ajax-error { display: none; } div.wpcf7 .placeheld { color: #888; } div.wpcf7 .wpcf7-recaptcha iframe { margin-bottom: 0; } div.wpcf7 input[type="file"] { cursor: pointer; } div.wpcf7 input[type="file"]:disabled { cursor: default } div.wpcf7-response-output, .screen-reader-response { margin: 20px 0 20px 0; background-color: #fff; padding: 10px 15px } span.wpcf7-not-valid-tip { margin: -10px 0 15px 0; } body div.wpcf7 .ajax-loader { display: block; margin-top: 5px } .wpcf7-form-control-wrap input { width:100% } span.wpcf7-not-valid-tip { background-color: #fff; padding: 5px 5px } body span.wpcf7-list-item { display: block; } .wpcf7-form-control-wrap input[type="checkbox"] { width: auto; margin-right: 7px; } .services_cform b { margin-top: 10px; margin-bottom: 10px; display: inline-block; } select.form-control, select, .select2-container a { color: #717171; border: 2px solid #ccc; padding: 6px 12px; background-image: none; border-radius: 0; font-size: 17px; line-height: 50px; height: 50px; outline: none } select.form-control:hover, select.form-control:active, select.form-control:focus, select:hover, select:active, select:focus, .select2-container a:hover, .select2-container a:active, .select2-container a:focus { color: #333333; border-color: rgba(0,74,151,1) } /* Digital Consultation Form */ .cfform { padding:0 !important; background-color:#FFF; margin:0 !important; border-radius:15px !important; width:400px !important; overflow: hidden; } .cfform h4 { padding:25px 0 !important; margin:0 !important; clear: both; font-weight: 700; text-align: center !important; text-transform: uppercase; font-size: 26px !important; } .cfform .vborder, .cfform .oborder { height:0; } .cfform .vborder { border-top: 5px #ff861c solid !important } .cfform .oborder { border-top: 5px #8358dc solid !important } .cfform form { margin-top:0 !important } .cfform .mainform { padding: 0 30px !important; } .cfform .mainform > div { padding: 0 !important; } .cfform .mainform input, .cfform .mainform textarea { border-color: #ecebe9 !important; border-width: 2px !important } .cfform .mainform input:focus, .cfform .mainform textarea:focus { border-bottom-color: #8358dc !important } .cfform .mainform .nameline { border-top-left-radius: 4px !important; border-right-width: 0 !important } .cfform .mainform .phoneline { border-top-right-radius: 4px !important; } .cfform .mainform .emailline { border-top-width: 0 !important } .cfform .mainform textarea { border-top-width: 0 !important; border-bottom-right-radius: 4px !important; border-bottom-left-radius: 4px !important; margin-bottom: 25px !important; resize: none } .cfform .mainform input[type=submit] { background-color: #ff861c !important; border-style: solid; border-color: #ff861c !important; border-width: 2px !important; border-radius: 4px !important; margin: 0 auto 5px auto !important; padding: 12px 40px !important; font-weight: 700 !important; color: #fff; text-transform: uppercase; font-size: 13px !important; font-family: "Poppins"; } .cfform .mainform input[type=submit]:hover, .cfform .mainform input[type=submit]:focus { background-color: #8358dc !important; border-color: #8358dc !important } .cfform .mainform .form-group p { margin: 0 !important } /*-------------------------------------------------------------- # Buttons --------------------------------------------------------------*/ button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa; } main button, .footer-widget button, main input[type="button"], main input[type="reset"], main input[type="submit"] { display: block; border-radius: 0px; background-color: rgba(54,149,217,1); box-shadow: none; color: rgba(255,255,255,1); font-size: 14px; text-transform: uppercase; padding: 0 40px; text-shadow: none; line-height: 44px; outline: none; font-weight: bold; outline: 0 } main button:hover, .footer-widget button:hover, main input[type="button"]:hover, main input[type="reset"]:hover, main input[type="submit"]:hover { color: rgba(255,255,255,1); box-shadow: none; background-color: rgba(0,74,151,1); } /*-------------------------------------------------------------- # Formattings --------------------------------------------------------------*/ hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .tal { text-align: left !important } .tar { text-align: right !important; } .tac { text-align: center !important } /*-------------------------------------------------------------- # Lists --------------------------------------------------------------*/ ul, ol { margin: 0 0 1.5em 3em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } /*-------------------------------------------------------------- # Tables --------------------------------------------------------------*/ table { margin-bottom: 25px; width: 100%; border-left: 1px #9c9fa2 solid; border-top: 1px #9c9fa2 solid; } table td, table th { border-right: 1px #9c9fa2 solid; border-bottom: 1px #9c9fa2 solid; padding: 5px 10px } table th { padding: 5px 10px; font-weight: bold } table tbody tr:nth-child(odd) { background-color: #f1f4f6 } table tbody tr:nth-child(even) { background-color: #fff } caption { padding-top: 8px; padding-bottom: 12px; color: #777777; text-align: center; } dl dt { padding: 5px 10px } dl dd { padding: 5px 10px } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ .main-navigation { clear: both; display: block; float: left; width: 100%; } .main-navigation ul { display: none; list-style: none; margin: 0; padding-left: 0; } .main-navigation ul ul { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 1.5em; left: -999em; z-index: 99999; } .main-navigation ul ul ul { left: -999em; top: 0; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 100%; } .main-navigation ul ul a { width: 200px; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; } .main-navigation li { float: left; position: relative; } .main-navigation a { display: block; text-decoration: none; } /* Small menu. */ .nav-menu-toggle, .main-navigation.toggled ul { display: block; } .nav-menu-toggle:before { content: "\2630"; display: inline-block; margin-right: 5px; } @media screen and (min-width: 37.5em) { .nav-menu-toggle { display: none; } } .main-navigation ul { display: block; } .site-main .comment-navigation, .site-main,.posts-navigation, .site-main,.post-navigation { margin: 0 0 1.5em; overflow: hidden; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } .page-links { clear: both; margin: 0 0 1.5em; padding-top: 20px; } .nav-links { display: block; width:100%; margin:40px auto 0 auto; padding:0; list-style:none; text-align: center } .nav-previous a, .nav-next a { color:rgba(44,56,64,1); display: inline-block; outline:none; text-decoration:none; padding: 11px 25px 11px 25px; margin-bottom: 0; font-size: 13px; font-weight: bold; line-height: 1.42857; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -moz-user-select: none; background-image: none; border: 0; background-color: #f1f4f6; border-radius: 0; text-transform:uppercase; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 200ms; -moz-transition: all 200ms; transition: all 200ms; position: relative; z-index: 2; } .nav-previous a:hover, .nav-next a:hover { color:#212121; background-color: #e0e0e0; } .nav-previous a:focus, .nav-previous a:active, .nav-next a:focus, .nav-next a:active { } .nav-previous a i, .nav-next a i { display: inline-block; margin-right: 3px; } .nav-next a i { margin-left: 3px; } ul.page-numbers { display: block; width:100%; margin:40px auto 0 auto; padding:0; list-style:none; text-align: center } ul.page-numbers:before, ul.page-numbers:after { content: ""; display: block; clear: both; width: 100%; } ul.page-numbers li { margin:0 0 5px 0; padding:0; display:inline-block } ul.page-numbers li a, ul.page-numbers li .current { display:block; text-decoration:none; border-radius:0; margin:0 5px; height:50px; width:50px; text-align:center; border:1px #9c9fa2 solid; padding:0; font-weight:bold; font-size:18px; line-height: 46px; color:#212121; transition: all 200ms; } ul.page-numbers li .current { opacity: 0.7 } ul.page-numbers li.active a { background-color: rgba(0, 0, 0, 0.2) } ul.page-numbers li.disabled a { color:#f1f4f6 } ul.page-numbers li.disabled a:hover { border-color:#f1f4f6 } ul.page-numbers li a:hover{ text-decoration:none; border-color:#212121 } .blogpagination { text-align: center } .page-links > span, .blogpagination > span { opacity: 0.7 } .page-links a, .page-links span, .blogpagination a, .blogpagination span { text-decoration: none; display: inline-block; margin:0 5px; } .page-links a span, .page-links span, .blogpagination a, .blogpagination span { display:inline-block; text-decoration:none; border-radius:0; height:60px; width:60px; text-align:center; border:2px #9c9fa2 solid; padding:0 20px; font-weight:bold; font-size:20px; line-height: 56px; color:#212121; transition: all 200ms; } .page-links a:hover span, .blogpagination a:hover { border-color: #212121; } .page-links span.page-links-title { height: auto; width: auto; border: 0; padding: 0; margin-left: 0; font-size: 18px; } .blogpagination a.next, .blogpagination a.prev { width: auto } /*-------------------------------------------------------------- # Layout --------------------------------------------------------------*/ html { box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } body { background: #fff; /* Fallback for when there is no custom background color defined. */ } main:after { content: ""; display: block; clear:both; } body main.boxed-wrapper { padding: 0 } main .widget-area { padding-left:0; padding-right: 0; border-radius: 0px; background-color: rgba(241,244,246,1) } main .cont-box-area { border-radius: 0px; } .cont-box-area:after { content: ""; display: block; clear:both; } .e404 { max-width: 1170px; margin: 80px auto 80px auto; text-align: center; } .e404 img { margin: 0 auto 10px auto } .e404 h1 { text-align: center } .e404 .search-field { width: 400px; max-width: 100%; margin-bottom: 25px; } .e404 .search-submit { margin: 0 auto; } @media screen and (min-width: 37.5em) { .content-area { float: left; margin: 0 -25% 0 0; width: 100%; } .site-main { margin: 0 25% 0 0; } .site-content .widget-area { float: right; overflow: hidden; width: 25%; } .site-footer { clear: both; width: 100%; } } body.composer_widget-template-default { background-color: #564f47; } body.composer_widget-template-default.single main { width: 100%; max-width: 100%; padding: 200px 0 200px 0; background-color: transparent !important; } body.composer_widget-template-default.single .head_line { display: none } body.composer_widget-template-default.single .footer-widget { display: none } body.modal_window-template-default { background-color: rgba(0,0,0,0.8); } body.modal_window-template-default.single main { width: 600px; max-width: 100%; padding: 200px 0 200px 0; background-color: transparent !important; } body.modal_window-template-default.single .head_line { display: none } body.modal_window-template-default.single .footer-widget { display: none } div, a, button, input[type="submit"], li { -webkit-transition: all 200ms; transition: all 200ms; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; outline: none; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-holder .mfp-close:hover, .mfp-iframe-holder .mfp-close:active, .mfp-iframe-holder .mfp-close:focus {outline: none} .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background: #000; } .mfp-iframe-scaler iframe:hover, .mfp-iframe-scaler iframe:active, .mfp-iframe-scaler iframe:focus {top: 0; left: 0; margin: 0} /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /*-------------------------------------------------------------- ## Single Column / No Active Sidebar --------------------------------------------------------------*/ .no-sidebar .site-main { margin: 0; } .no-sidebar .content-area { float: none; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- ## Posts --------------------------------------------------------------*/ .sticky { display: block; border: 1px dashed #7f8084; padding: 15px; } .hentry { margin: 0 0 0 0; } .entry-meta {} .entry-meta .updated {display: none} .byline, .updated:not(.published) { display: none; } .single .byline, .group-blog .byline { display: inline; } .page-content, .entry-content, .entry-summary { /*margin: 1.5em 0 0; */ } /* Images */ .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .text-center { text-align: center !important } figure.wp-caption.alignleft,img.alignleft { margin: 5px 30px 5px 0; } .wp-caption.alignleft { margin: 5px 10px 5px 0; } figure.wp-caption.alignright, img.alignright { margin: 5px 0 5px 30px; } .wp-caption.alignright { margin: 5px 0 5px 10px; } img.aligncenter { margin: 5px auto; } img.alignnone { margin: 5px 0; } .wp-caption .wp-caption-text,.entry-caption,.gallery-caption { color: #220e10; font-size: 18px; font-style: italic; font-weight: 300; margin: 15px 15px; } div.wp-caption.alignright img[class*="wp-image-"] { float: right; } div.wp-caption.alignright .wp-caption-text { padding-left: 10px; } img.wp-smiley,.rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; } .wp-caption.alignleft + ul,.wp-caption.alignleft + ol { list-style-position: inside; } /*-------------------------------------------------------------- ## Pages --------------------------------------------------------------*/ .edd-page main { max-width: 1170px; margin: 0 auto; padding: 60px 0 60px 0; width:100%; } .container.otherpage { max-width: 1170px; margin: 0 auto; padding: 60px 15px; width:100%; } .mainsidebar .container.otherpage, .boxed-wrapper .container.otherpage { max-width: 1170px; margin: 0 auto; padding: 0; width:100%; } #atiframebuilder_ch, .comment-form-ch { display:none !important; } /*-------------------------------------------------------------- # Single --------------------------------------------------------------*/ .single main, .blog main, .archive main, .category main, .search main, .search-results main, html .woocommerce-page main { width: 100%; margin: 0 auto; padding: 80px 15px 80px 15px } .single main .main, .blog main .main, .archive main .main, .category main .main, .search main .main, .search-results main .main, html .woocommerce-page main .main { max-width: 1170px; margin: 0 auto; } .composer_widget-template-default.single main .main {max-width: 100%} .single main .mainsidebar, .archive main .mainsidebar, .category main .mainsidebar { margin-top: 0 } .single.single-portfolio main { max-width: 100%; margin: 0 auto; padding: 0 } .single-portfolio #respond { padding: 50px 0 70px 0; } .single-portfolio #respond:before, .spcont:after { content: ""; clear: both; display: block; } html main.mainsidebar { padding: 80px 15px 80px 15px } .sbcenter { max-width: 1170px; margin-left: auto; margin-right: auto } .boxed-wrapper .mainsidebar { margin: 0 auto 0 auto; } .mainsidebar:after, .sbcenter:after { content: ""; display: block; clear:both; } .single.composer-block-post main { padding-top: 0 } .archive-header h1 { margin-top: 0 } .single .entry-title { margin-top: 0; margin-bottom: 10px } .single .nav-links { margin: 30px auto 20px auto; } .single .tags-links { float: none; display: block; margin: 0 0 20px 0; padding: 0; line-height: 26px; } .single .social-share { float: none; display: block; margin: 0 0 50px 0; padding: 0; line-height: 26px; } .single .social-share li { list-style: none; display: inline-block } .single .social-share li a { display: block; padding: 0 7px; margin: 0 2px; color: rgba(44,56,64,1); background-color: #f1f4f6; line-height: 36px; width: 36px; text-align: center; text-decoration: none; } .single .social-share li a:hover { background-color: #e0e0e0 } .entry-header { margin-bottom: 25px; } .entry-meta { color:rgba(178,185,190,1); margin: 0 0 0 0; -webkit-transition: all 200ms; transition: all 200ms; padding: 0 0 0 0; line-height: 1.4em; font-size: 14px; } .entry-meta a { color:rgba(178,185,190,1); -webkit-transition: all 200ms; transition: all 200ms; } .entry-meta a:hover { color:rgba(0,74,151,1); } .entry-meta i { -webkit-transition: all 200ms; transition: all 200ms; margin-right: 6px } .entry-meta > span { margin-right: 16px; display:inline; } .entry-meta .edit-link { margin-left: 36px } .single .entry-meta { margin-bottom: 35px } .entry-content p:first-child { /*margin-top: 0*/ } .related { list-style: none; margin: 60px 0 0 0; padding: 0 0 0 0; width: 100%; display: block; clear: both; } .related:after { content: " "; display: block; clear: both; } .related .rblock { width: calc(33.33333% - 20px); margin-right: 30px; float: left; margin-bottom: 20px } .related .rblock:last-child { margin-right: 0; } .related .rblock h6 { margin: 10px 0 0 0; } .tagcloud a, .single .tags-links a { padding: 6px 20px; color:rgba(44,56,64,1); font-weight: 700; text-transform: uppercase; background-color: #f1f4f6; display: inline-block; margin: 0 5px 5px 5px; -webkit-transition: all 200ms; transition: all 200ms; text-decoration: none; position: relative; font-size: 0.85em; } .tagcloud a:hover, .single .tags-links a:hover, .widget_tag_cloud a:hover { background-color: rgba(0,74,151,1); color:#fff; text-decoration: none; } .post-password-form { margin-bottom: 30px } .post-password-form:after { content: " "; clear: both; display: block; } .post-password-form input[type=password] { width: 400px; margin: 0 20px; float: right; } .post-password-form label { float: left; width: auto; line-height: 44px; } .post-password-form input[type=submit] { float: left; width: auto; line-height: 40px; height: 44px; } /*-------------------------------------------------------------- # Blog --------------------------------------------------------------*/ .category article, .archive article, .blog article.post, .search article { margin-bottom: 60px; display: table } .category article > div, .archive article > div, .blog article.post > div, .search article > div { display: table-cell; vertical-align: top } .category .onecolumnsbs article > div, .archive .onecolumnsbs article > div, .blog .onecolumnsbs article.post > div, .search .onecolumnsbs article > div { display: block; width: 100% !important; max-width: 100%; } .category .onecolumnsbs article .thumb, .archive .onecolumnsbs article .thumb, .blog .onecolumnsbs article.post .thumb, .search .onecolumnsbs article .thumb { width: 100%; padding: 0 0 20px 0; } .onecolumn .entry-title { text-align: left; } article.post:after, .search article:after { content: ""; display: block; clear: both; width: 100%; } .category article .thumb, .search article .thumb, .archive article .thumb, .blog article.post .thumb { width: 400px; max-width: 400px; max-height: 500px; padding-right: 40px; float: left; overflow: hidden; } .category article .thumb img, .search article .thumb img, .archive article .thumb img, .blog article.post .thumb img { width: 100%; border-radius: 12px; } article.post .c_block, .search article .c_block { } .c_block .entry-content p:first-child { margin-top: 0; margin-bottom: 10px; } .category article .entry-title, .archive article .entry-title, .blog article .entry-title, .search article .entry-title { margin: 0 0 5px 0; } .category article .entry-title a, .archive article .entry-title a, .blog article .entry-title a, .search article .entry-title a { color: #2c3840; text-decoration: none } .c_block .entry-content { color:rgba(118,129,136,1) } .c_block .entry-meta i, .post .entry-meta i { color:rgba(118,129,136,1) } .archive ul.page-numbers, .blog ul.page-numbers, .category ul.page-numbers, .search ul.page-numbers { margin: 0 auto 0 auto; } .more { color: rgba(54,149,217,1); font-size: 16px; line-height: 28px; text-decoration: underline; white-space: nowrap; vertical-align: middle; cursor: pointer; -moz-user-select: none; box-sizing: border-box; position: relative; z-index: 2; margin-bottom: 5px; } .more:hover { color: rgba(0,74,151,1); } body .mainsidebar .blogsidebarspage article.post .thumb { width: 200px } .blog2columns .post, .blog2columns [class*="type"] { display:block; float: left; min-height:200px; width:-webkit-calc(50% - 30px); width:-moz-calc(50% - 30px); width:calc(50% - 30px); margin: 0 60px 60px 0; padding:0 0 0 0 } .blog2columns .post:nth-of-type(2n), .blog2columns [class*="type"]:nth-of-type(2n) { margin-right: 0; } .blog2columns .post:nth-of-type(2n+1), .blog2columns [class*="type"]:nth-of-type(2n+1) { clear: both } .blog2columns .post:first-child, .blog2columns [class*="type"]:first-child { clear: none } body .blog2columns .thumb { width: 100%; float: none; padding-right: 0; margin-bottom: 10px } .blog3columns .post, .blog3columns [class*="type"] { display:block; float: left; min-height:200px; width:-webkit-calc(33% - 30px); width:-moz-calc(33% - 30px); width:calc(33% - 30px); margin: 0 45px 60px 0; padding:0 0 0 0 } .blog3columns .post:nth-of-type(3n), .blog3columns [class*="type"]:nth-of-type(3n) { margin-right: 0; } .blog3columns .post:nth-of-type(3n+1), .blog3columns [class*="type"]:nth-of-type(3n+1) { clear: both } .blog3columns .post:first-child, .blog3columns [class*="type"]:first-child { clear: none } body .blog3columns .thumb { width: 100%; float: none; padding-right: 0; margin-bottom: 10px } /*-------------------------------------------------------------- # Comments --------------------------------------------------------------*/ #comments { } #comments .comments-title { margin-top: 0; padding-top: 50px } #reply-title { margin-bottom: 10px } #commentform > p { margin-bottom: 0; margin-top: 0 } #commentform p.logged-in-as { margin-bottom: 15px } #commentform .comment-form-author, #commentform .comment-form-email, #commentform .comment-form-url { display:block; float: left; width:-webkit-calc(33% - 20px); width:calc(33% - 20px); margin: 0 30px 0 0; padding:0 } #commentform .comment-form-url { margin-right: 0; width:-webkit-calc(34% - 20px); width:calc(34% - 20px); } #commentform .comment-form-comment { clear: both } #commentform .comment-form-author, #commentform .comment-form-email, #commentform .comment-form-url, #commentform .comment-form-comment { position: relative } #commentform .comment-form-author:before, #commentform .comment-form-email:before, #commentform .comment-form-url:before, #commentform .comment-form-comment:before { font-family: 'FontAwesome'; position: absolute; top: 0; left: 18px; font-size: 16px; color: rgba(0,74,151,1); z-index: 1050; line-height: 44px; } #commentform .comment-form-author:before { content: "\f007"; } #commentform .comment-form-email:before { content: "\f0e0"; } #commentform .comment-form-url:before { content: "\f0c1"; } #commentform .comment-form-comment:before { content: "\f075"; color: rgba(0,74,151,1); } .nav-previous, .nav-next { margin-bottom: 10px } .comment-navigation .nav-previous { float: left; } .comment-navigation .nav-next { float: right } .comment-navigation { clear: both } .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } .comment-list { margin:0; padding:0; list-style: none } .comment-list > li { margin: 0 0 0 0; padding: 20px 0 0px 0; position: relative; border:0; } .comment-list li > div { position: relative; min-height: 95px } .comment-list li.pingback > div { min-height: unset } .comment-list li .wrapper { width: 81px; height: 81px; position: relative; display: block; clip: rect(auto, auto, auto, auto); z-index: 1; margin-right: 30px; float: left; padding: 3px; } .comment-list li .wrapper span { font-size: 50px; line-height: 60px; padding: 18px 25px 22px 25px; display: block; height: 100px; width: 100px; position: absolute; top:0; left:0; z-index: 5 } .comment-list li.pingback { margin: 0 0 0 0; padding: 20px 0 11px 0; position: relative; border-bottom: 1px #ebebeb solid; } .comment-list li.pingback .comment-body { margin: 0 0 20px 0; } .comment-list li.pingback:after { content: " "; width: 100%; height: 1px; display: block; } .comment-list li.pingback .comment-meta { display: none } .comment-list li.pingback .comment-content { padding: 0; margin-bottom: 0; margin-top: 0; } .comment-list li ol { padding:30px 0 30px 15px; list-style: none } .comment-list > li > ol { padding:10px 0 10px 40px; list-style: none } .comment-list .children { list-style: none; margin-bottom: 0; padding-bottom: 0; margin-left: 0; } .comment-list .children li:last-child { margin-bottom: 0 } .comment-list li:before { content:none } .comment-list li .comment-content { margin-bottom:20px; position:relative; padding-left: 105px; } .comment-list li .children li .circle { } .comment-list li .children li .circle[data-anim~=left] { -webkit-transform: rotate(228deg); -ms-transform: rotate(228deg); transform: rotate(228deg) } .comment-list li .children li .circle[data-anim~=right] { -webkit-transform: rotate(228deg); -ms-transform: rotate(228deg); transform: rotate(228deg); } .comment-list li .comment-content p { font-size: 16px; margin-bottom: 10px; margin-top: 0 } #respond { margin: 0 auto; max-width: 1170px; padding-top: 40px; } .comment-list #respond { padding: 0 0 40px 0; } .comment-list li .reply { position: absolute; right: 0; top: 0; } h2.comment-reply-title { text-align: left; font-weight: bold; margin: 0 0 20px 15px; } #respond input[type="text"], #respond input[type="email"], #respond input[type="url"], #respond textarea { padding-left: 45px; width: 100% } #respond textarea { width:100% } #respond input[type="text"]:active, #respond input[type="email"]:active, #respond input[type="url"]:active, #respond textarea:active, #respond input[type="text"]:focus, #respond input[type="email"]:focus, #respond input[type="url"]:focus, #respond textarea:focus { background-color: #FFF; color: #171b21; outline: none } #respond input[type="text"]::-webkit-input-placeholder, #respond input[type="email"]::-webkit-input-placeholder, #respond input[type="url"]::-webkit-input-placeholder, #respond textarea::-webkit-input-placeholder { color: rgba(0,0,0,0.3) } #respond input[type="text"]::-moz-placeholder, #respond input[type="email"]::-moz-placeholder, #respond input[type="url"]::-moz-placeholder, #respond textarea::-moz-placeholder { color: #b2b9be } #respond input[type="text"]:-moz-placeholder, #respond input[type="email"]:-moz-placeholder, #respond input[type="url"]:-moz-placeholder, #respond textarea:-moz-placeholder { color: #b2b9be } #respond input[type="text"]:-ms-input-placeholder, #respond input[type="email"]:-ms-input-placeholder, #respond input[type="url"]:-ms-input-placeholder, #respond textarea:-ms-input-placeholder { color: #b2b9be } #respond .name, #respond .mail, #respond .site, #respond .mess { position: relative } #respond label { display: none; text-align:right; margin:5px 0 0 0 } #respond input, #respond textarea { margin-bottom:30px } #respond input.submit { margin-bottom:0 } #respond .required { color: #e55555; font-size:20px } #respond form { width:100%; margin:0 auto } .postsidebarpage #respond form, .blogsidebarspage #respond form { width:100%; } .comment-notes { padding:10px 20px; border-radius:15px; text-align: center; font-size:15px; display: none } #email-notes { color: #e55555; font-weight:bold } code { padding: 2px 4px; font-size: 90%; color: #e55555; background-color: #f3f3f3; border-radius: 4px; } .comment-author-link, .comment-author-link a { color:rgba(178,185,190,1) } .comment-author-link a:hover { color:rgba(0,74,151,1) } .comment-meta { margin-bottom:5px; font-size: 14px } .comment-meta .says { margin-right: 15px; } .comment-metadata, .comment-metadata a { display:inline-block; color: rgba(178,185,190,1); text-decoration: none; } .comment-metadata i { margin-right: 5px; font-size: 15px; } .comment-author.vcard { width: 75px; margin-right: 30px; float: left; } .comment-reply-link { display: inline-block; padding: 4px 20px; font-size: 14px; text-decoration: none; background-color: #f1f4f6; color: rgba(178,185,190,1); } .comment-reply-link:before{ content: "\f112"; font-family: 'FontAwesome' !important; padding-right: 10px; } .comment-reply-link:hover { color: rgba(0,74,151,1); } .comment-form-cookies-consent label {display: inline; } #wp-comment-cookies-consent { margin-right: 6px;} /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 50px; /* Make sure select elements fit in widgets. */ } .widget:first-child .widget-title { margin-top: 0 } .widget select { max-width: 100%; } .widget_custom_post_widget:after { content: ""; display: block; clear:both; } .widget_search .search-form, .widget_search .search-form label, .widget_search .search-form input, .widget_product_search label , .widget_product_search input { width: 100% } .widget_search .search-form input[type="submit"] { background-color: rgba(118,129,136,1); border: 2px rgba(118,129,136,1) solid; } .widget_search .search-form input[type="submit"]:hover { background-color: rgba(54,149,217,1); color:rgba(44,56,64,1); border: 2px rgba(54,149,217,1) solid; } .widget_search .search-field, .widget_product_search .search-field { margin-bottom: 20px } .widget-title { font-size: 20px } /* Calendar Widget */ .widget_calendar table { width:100% } .widget_calendar table caption { text-align:center; font-weight:bold; font-size:18px } .widget_calendar table td { background-color:#f1f4f6; border:1px transparent solid !important } .widget_calendar table th { color:rgba(0,74,151,1); border-color: transparent; } .widget_calendar table td#today { border: 1px rgba(0,74,151,1) solid } .widget_calendar table td#prev, .widget_calendar table td#next { background-color:transparent; border:0; font-weight:bold } .widget_calendar table td#prev:hover, .widget_calendar table td#next:hover { background-color:#f1f4f6; border: 1px rgba(0,74,151,1) solid } .widget_calendar table td.pad, .widget_calendar table td#next.pad, .widget_calendar table td#next.pad { border-color:transparent; background-color:transparent } .widget_calendar table tbody tr:nth-child(2n) { border-color:transparent; background-color:transparent } .widget_calendar table,.widget_calendar td { border: 0; border-collapse: separate; border-spacing: 1px; } .widget_calendar caption { font-size: 14px; margin: 0; } .widget_calendar th,.widget_calendar td { padding: 0; text-align: center; } .widget_calendar a { display: block; } .site-footer .widget_calendar tbody td { background-color: rgba(255, 255, 255, 0.05); } .widget_calendar tbody .pad, .site-footer .widget_calendar tbody .pad { background-color: transparent; } .widget_tag_cloud .tagcloud a, .widget_product_tag_cloud a { font-size:13px !important; margin-bottom: 10px; transition: all 200ms; } .widget ul { margin: 0 0 0 20px; padding: 0 0 0 0; } .widget ul li { margin: 0 0 8px 0; padding: 0 0 0 0; line-height: 1.4em } body .yikes-easy-mc-form .yikes-easy-mc-submit-button { padding: 0 40px } /* menu */ .widget_categories ul, .widget_archive ul, .widget_meta ul, .widget_nav_menu ul, .widget_pages ul, html .woocommerce .widget_layered_nav ul, html .woocommerce .widget_product_categories ul { list-style: none; padding: 0; margin: 0 } .widget_categories ul li, .widget_archive ul li, .widget_meta ul li, .widget_nav_menu ul li, .widget_pages ul li, html .woocommerce .widget_layered_nav ul li, html .woocommerce .widget_product_categories ul li { list-style:none; margin: 0 0 1px 0; padding: 0; background-color: #f1f4f6; } .widget_categories ul li a, .widget_archive ul li a, .widget_meta ul li a, .widget_nav_menu ul li a, .widget_pages ul li a, html .woocommerce .widget_layered_nav ul li a, html .woocommerce .widget_product_categories ul li a { padding: 8px 4px 8px 20px; display: inline-block; color:rgba(0,74,151,1); text-decoration: none; font-weight: bold; border-left: 5px transparent solid } .widget_meta ul li a { display: block } .widget_categories ul li:hover, .widget_archive ul li:hover, .widget_meta ul li:hover, .widget_nav_menu ul li:hover, .widget_pages ul li:hover , html .woocommerce .widget_layered_nav ul li:hover, html .woocommerce .widget_product_categories ul li:hover { } .widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_meta ul li a:hover, .widget_nav_menu ul li a:hover, .widget_pages ul li a:hover, html .woocommerce .widget_layered_nav ul li a:hover, html .woocommerce .widget_product_categories ul li a:hover { color:rgba(44,56,64,1); border-left-color: rgba(178,185,190,1); } /* recent posts */ .widget_recent_entries ul { list-style: none; padding: 0; margin: 0 } .widget_recent_entries ul li { list-style-type: none; list-style-position: inside; margin: 0 0 1px 0; padding: 8px 20px; background-color: #f1f4f6; border-left: 5px transparent solid } .widget_recent_entries ul li a { color:rgba(0,74,151,1); text-decoration: none; font-weight: bold; } .widget_recent_entries ul li:hover { border-left: 5px rgba(178,185,190,1) solid } .widget_recent_entries ul li:hover a { color:rgba(44,56,64,1) } /* recent comments */ .widget_recent_comments ul li { list-style-type: square; list-style-position: inside; } .widget_recent_comments ul li a { color:rgba(0,74,151,1); } .widget_recent_comments ul li:hover a { color:rgba(44,56,64,1); } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } #scroller { position: fixed; bottom:50px; right: 10%; background-color: rgba(0,0,0,0.5); filter: alpha(opacity=50); color: #FFFFFF; transition: all 500ms; width: 60px; height: 60px; border-radius: 80px; text-align: center; padding-top: 18px; text-decoration: none; z-index: 1050; transform: scale(1); opacity: 0.5; display:none; } #scroller:hover { opacity: 1; filter: alpha(opacity=100); text-decoration: none; } #scroller:hover:active, #scroller:active, #scroller:focus, #scroller:hover:focus { outline: none; text-decoration: none; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } .wp-caption { margin: 1em 0 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } /* Ensure center-aligned captions center-align properly. */ .wp-caption.aligncenter { margin-left: auto; margin-right: auto; } /* Give some padding to floated elements, to prevent them butting up against text. */ .wp-caption.alignleft { margin-right: 20px; } .wp-caption.alignright { margin-left: 20px; } .wp-caption-text { text-align: center; } .wp-audio-shortcode { margin-bottom: 30px; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 20px; margin-left: -4px; } .gallery, .gallery:after { content: " "; clear: both; display: block; } .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; } .gallery-columns-1.gallery-size-medium,.gallery-columns-1.gallery-size-thumbnail,.gallery-columns-2.gallery-size-thumbnail,.gallery-columns-3.gallery-size-thumbnail { display: table; margin: 0 0 20px 0; width: 100% } .gallery-columns-1 .gallery-item,.gallery-columns-2 .gallery-item,.gallery-columns-3 .gallery-item { text-align: center; } .gallery-columns-2 .gallery-item { max-width: 47%; max-width: -webkit-calc(50% - 4px); max-width: -moz-calc(50% - 4px); max-width: calc(50% - 4px); } .gallery-columns-3 .gallery-item { max-width: 31%; max-width: -webkit-calc(33% - 4px); max-width: -moz-calc(33% - 4px); max-width: calc(33% - 4px); } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 4px); max-width: -moz-calc(25% - 4px); max-width: calc(25% - 4px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 4px); max-width: -moz-calc(20% - 4px); max-width: calc(20% - 4px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 4px); max-width: -moz-calc(16.7% - 4px); max-width: calc(16.7% - 4px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 4px); max-width: -moz-calc(14.28% - 4px); max-width: calc(14.28% - 4px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 4px); max-width: -moz-calc(12.5% - 4px); max-width: calc(12.5% - 4px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 4px); max-width: -moz-calc(11.1% - 4px); max-width: calc(11.1% - 4px); } .gallery-columns-1 .gallery-item:nth-of-type(1n),.gallery-columns-2 .gallery-item:nth-of-type(2n),.gallery-columns-3 .gallery-item:nth-of-type(3n),.gallery-columns-4 .gallery-item:nth-of-type(4n),.gallery-columns-5 .gallery-item:nth-of-type(5n),.gallery-columns-6 .gallery-item:nth-of-type(6n),.gallery-columns-7 .gallery-item:nth-of-type(7n),.gallery-columns-8 .gallery-item:nth-of-type(8n),.gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { clear: left; } .gallery-caption { background-color: #f9f9f9; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; line-height: 1.3; margin: 0; max-height: 50%; opacity: 0; filter: alpha(opacity=0); padding: 8px 10px; position: absolute; bottom: 0; left: 0; text-align: left; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; transition: opacity 400ms ease; width: 100%; font-style: normal } .gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; left: 0; top: 0; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; filter: alpha(opacity=100); } .gallery-columns-7 .gallery-caption,.gallery-columns-8 .gallery-caption,.gallery-columns-9 .gallery-caption { display: none; } /* Attachments */ .attachment .entry-header { margin-bottom: 0; padding: 30px 0; } .attachment .entry-meta { padding: 9px 0; } .attachment footer.entry-meta { display: none; } .full-size-link a { display: block } .full-size-link a:before { content: "\f402"; } .full-size-link:before { content: none; } .attachment .entry-content { max-width: 100%; padding: 0 0; } .image-navigation { margin: 0 auto; position: relative; } .image-navigation a:hover { text-decoration: none; } .image-navigation .nav-previous,.image-navigation .nav-next { position: absolute; top: 50px; } .image-navigation .nav-previous { left: 0; } .image-navigation .nav-next { right: 0; } .image-navigation .meta-nav { font-size: 18px; font-weight: 300; vertical-align: 0; } .attachment .entry-attachment,.attachment .type-attachment p { margin: 0 auto; text-align: center; } .attachment .entry-attachment .attachment { display: inline-block; } .attachment .entry-caption p:last-child,.attachment .entry-description p:last-child { margin: 0; } .attachment .site-main .sidebar-container { display: none; } .attachment .entry-content .mejs-audio { max-width: 400px; margin: 0 auto; } .attachment .entry-content .wp-video { margin: 0 auto; } .attachment .entry-content .mejs-container { margin-bottom: 24px; } .archive-header { display: block; margin-bottom: 40px; } .archive-header h1 { margin-bottom: 10px } .p_arch { padding: 0 0 50px 0; max-width: 1170px; width: 100%; display: block; margin: 0 auto 30px auto; } .p_arch .plist { margin-bottom: 30px } .p_arch .plist .entry-thumbnail { display: flex; } .p_arch .plist .wrapper { position: relative; overflow: hidden; } .p_arch .plist .over { position: absolute; top:0; left: -100%; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); transition: all 300ms } .p_arch .plist:hover .over { left:0 } .p_arch .plist .over a { text-decoration: none; display: inline-block; width: 100%; height: 100%; } .p_arch .plist .over h3 { color:#fff; width: 100%; text-decoration: none; } .p_arch .plist:hover .over h3 { margin-left: 0 } .p_arch .plist .over h3:hover { opacity: 0.85 } .p_arch .plist .over .desc { color:rgba(255,255,255,0.9); width: 100%; text-decoration: none; margin-left: -130%; transition: all 200ms; transition-delay: 200ms } .p_arch .plist:hover .over .desc { margin-left: 0 } .p_arch .plist .over .wrap { margin-left: -100%; position: absolute; bottom: 20px; left:0; padding: 80px 40px 0 40px; transition: all 200ms; transition-delay: 300ms } .p_arch .plist:hover .over .wrap { margin-left: 0 } /*-------------------------------------------------------------- ## Grid --------------------------------------------------------------*/ .clearfix { clear: both } .clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after { content: " "; display: table; } .clearfix:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after { clear: both; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container { width: 1170px; } .row { margin-left: -15px; margin-right: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } } .visible-xs,.visible-sm,.visible-md,.visible-lg { display: none !important; } .visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: inline-block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg,td.visible-lg { display: table-cell !important; } .visible-lg-block { display: block !important; } .visible-lg-inline { display: inline !important; } .visible-lg-inline-block { display: inline-block !important; } } .hidden { display: none !important; } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } /*-------------------------------------------------------------- ## Shop --------------------------------------------------------------*/ #tab-description > h2 { text-align: center } .woocommerce-product-details__short-description { margin-top: 25px } html .woocommerce ul.products li.product .onsale { word-wrap: break-word; line-height: 42px; padding: 10px 5px; font-size: 14px; } html .woocommerce .page-title { margin-top: 0 } html .woocommerce .woocommerce-result-count, html .woocommerce .woocommerce-ordering{ margin: 0 0 40px; } html .woocommerce .woocommerce-result-count { line-height: 50px } html .woocommerce span.onsale { height: 60px; width: 60px; background-color: rgba(54,149,217,1); border-radius: 0; line-height: 32px; padding: 13px 4px 0 4px; font-size: 15px; word-break: break-all; } html .woocommerce ul.products li.product a img { border: 5px solid #f1f4f6 } html .woocommerce-product-gallery .flex-viewport { border: 5px solid #f1f4f6; margin-bottom: 15px; } html .woocommerce ul.products li.product .price, html .woocommerce div.product p.price, html .woocommerce div.product span.price{ color:rgba(206,0,0,1); display:block; margin:10px 0 5px 0; font-size: 20px; font-weight: bold; line-height: 26px; } html .woocommerce table tbody tr:nth-child(odd), html .woocommerce table tbody tr:nth-child(even) { background-color: transparent } html .woocommerce ul.products li.product .price del, html .woocommerce div.product p.price del, html .woocommerce div.product span.price del{ display: inline-block; margin-right: 8px; font-weight: normal; color: rgba(118,129,136,1); } html .woocommerce ul.products li.product .price ins, html .woocommerce div.product p.price ins, html .woocommerce div.product span.price ins{ background:0 0; font-weight:700; text-decoration: none; color: rgba(251,61,61,1); font-size: 26px; } html .woocommerce ul.products li.product .price .from{ font-size:.67em; margin:-2px 0 0; text-transform:uppercase; color:rgba(132,132,132,.5) } html .woocommerce div.product form.cart .variations label { font-weight: 700; line-height: 50px; text-transform: capitalize; padding-left: 10px; } html .woocommerce #respond input#submit, html .woocommerce a.button, html .woocommerce button.button, html .woocommerce input.button{ background-color: rgba(118,129,136,1); color: #fff; padding: 0 22px; border-radius: 0; line-height: 44px; font-size: 14px } html .woocommerce .widget_price_filter .price_slider_amount .button { font-size: 14px } html .woocommerce-cart table.cart input { line-height: 44px; padding: 0 30px } html .woocommerce #respond input#submit:hover, html .woocommerce a.button:hover, html .woocommerce button.button:hover, html .woocommerce input.button:hover { background-color: rgba(54,149,217,1); color: #fff; } html #add_payment_method .wc-proceed-to-checkout a.checkout-button, html .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, html .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button { line-height: 44px; padding: 0 30px } html .woocommerce nav.woocommerce-pagination ul { clear: both; border: 0; margin: 0 auto; width: auto; display: inline-block; } html .woocommerce nav.woocommerce-pagination ul li { border:0 } html .woocommerce nav.woocommerce-pagination ul li a, html .woocommerce nav.woocommerce-pagination ul li span { margin: 0 5px; line-height: 50px; padding: 0; font-weight: 700 } html .woocommerce nav.woocommerce-pagination ul li a:hover, html .woocommerce nav.woocommerce-pagination ul li span:hover { border-color: rgba(44,56,64,1); color: rgba(44,56,64,1); } html .woocommerce ul.products li.product .woocommerce-loop-category__title, html .woocommerce ul.products li.product .woocommerce-loop-product__title, html .woocommerce ul.products li.product h3 { font-size: 18px; line-height: 24px; padding: .5em 0 .25em 0; } html .archive.woocommerce main, html .woocommerce-page main { } html .woocommerce-page main .container.otherpage { padding: 0; } html .woocommerce .quantity .qty { padding: 0; font-weight: 700; } html .woocommerce div.product form.cart div.quantity { margin: 0 15px 0 0; } html .woocommerce #respond input#submit.alt, html .woocommerce a.button.alt, html .woocommerce button.button.alt, html .woocommerce input.button.alt { background-color: rgba(54,149,217,1); color: #fff; border-radius: 0 } html .woocommerce #respond input#submit:hover.alt, html .woocommerce a.button.alt:hover, html .woocommerce input.button.alt:hover { background-color: rgba(54,149,217,1) } html .woocommerce button.button.alt:hover { background-color: rgba(44,56,64,1); color:rgba(54,149,217,1) } html .woocommerce div.product div.images .flex-control-thumbs li img { border: 5px #fff solid; } html .woocommerce div.product div.images .flex-control-thumbs li img.flex-active, html .woocommerce div.product div.images .flex-control-thumbs li img:hover { border: 5px #f1f4f6 solid; } html .woocommerce #respond input#submit.disabled, html .woocommerce #respond input#submit:disabled, html .woocommerce #respond input#submit:disabled[disabled], html .woocommerce a.button.disabled, html .woocommerce a.button:disabled, html .woocommerce a.button:disabled[disabled], html .woocommerce button.button.disabled, html .woocommerce button.button:disabled, html .woocommerce button.button:disabled[disabled], html .woocommerce input.button.disabled, html .woocommerce input.button:disabled, html .woocommerce input.button:disabled[disabled] { padding: 0 30px } html .woocommerce .star-rating { font-size: 12px; margin: 2px 0 5px 0 } html .woocommerce .star-rating span::before { color:#ffc200 } html .product_meta { font-weight: 700; } html .product_meta a { font-weight: 400; } html .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; margin: 0; } html .woocommerce div.product .woocommerce-tabs ul.tabs li { border: 0; border-left: 1px #fff solid; border-radius: 0; background-color: #f1f4f6; margin: 0; padding: 0 40px; font-size: 20px; } html .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background-color: rgba(0,74,151,1); color: #fff; } html .woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 15px 0; } html .woocommerce div.product .woocommerce-tabs .panel { border-bottom: 1px solid #d3ced2; margin-bottom: 40px } html .woocommerce #reviews #comments ol.commentlist li img.avatar { width: 60px; border: 0; padding: 0 } html .woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0 0 0 80px; } html .woocommerce #reviews #comments ol.commentlist { padding: 0; } html .woocommerce div.product .woocommerce-tabs ul.tabs li::after, html .woocommerce div.product .woocommerce-tabs ul.tabs li::before { content: none; } html .woocommerce-Reviews { margin-bottom: 40px } html .woocommerce-product-gallery .flex-viewport { max-height: 500px; } .woocommerce #respond input#submit.alt.disabled, html .woocommerce #respond input#submit.alt.disabled:hover, html .woocommerce #respond input#submit.alt:disabled, html .woocommerce #respond input#submit.alt:disabled:hover, html .woocommerce #respond input#submit.alt[disabled]:disabled, html .woocommerce #respond input#submit.alt[disabled]:disabled:hover, html .woocommerce a.button.alt.disabled, html .woocommerce a.button.alt.disabled:hover, html .woocommerce a.button.alt:disabled, html .woocommerce a.button.alt:disabled:hover, html .woocommerce a.button.alt[disabled]:disabled, html .woocommerce a.button.alt[disabled]:disabled:hover, html .woocommerce button.button.alt.disabled, html .woocommerce button.button.alt.disabled:hover, html .woocommerce button.button.alt:disabled, html .woocommerce button.button.alt:disabled:hover, html .woocommerce button.button.alt[disabled]:disabled, html .woocommerce button.button.alt[disabled]:disabled:hover, html .woocommerce input.button.alt.disabled, html .woocommerce input.button.alt.disabled:hover, html .woocommerce input.button.alt:disabled, html .woocommerce input.button.alt:disabled:hover, html .woocommerce input.button.alt[disabled]:disabled, html .woocommerce input.button.alt[disabled]:disabled:hover { background-color: rgba(0,129,215,0.5); color: #fff; } html .woocommerce #respond input#submit:hover, html .woocommerce a.button:hover, html .woocommerce button.button:hover, html .woocommerce input.button:hover { border:0 } html .woocommerce form .form-row label.inline { margin-left: 10px; } html .woocommerce-variation-price { margin: 15px 0; } #coupon_code { min-width: 200px; margin-right: 15px; } html .select2-container--default .select2-selection--single .select2-selection__rendered { color: #717171; border: 0; border-radius: 0; line-height: 40px; } html .select2-container--default .select2-selection--single { color: #717171; border: 2px solid #ccc; border-radius: 0; height: 44px; line-height: 44px; } html .select2-container--default .select2-selection--single:focus, html .select2-container--default .select2-selection--single:active { border-color: rgba(0,74,151,1) } html .select2-container--default .select2-selection--single .select2-selection__arrow { height: 44px; } html .woocommerce table.shop_table { margin-bottom: 25px; width: 100%; border-left: 1px #9c9fa2 solid; border-top: 1px #9c9fa2 solid; border-radius: 0 } html .woocommerce table.shop_table td, html .woocommerce table.shop_table th { border-right: 1px #9c9fa2 solid; border-bottom: 1px #9c9fa2 solid; padding: 5px 10px } html .woocommerce ul.cart_list li img, html .woocommerce ul.product_list_widget li img { width: 70px; } html .woocommerce .widget_price_filter .ui-slider .ui-slider-range, html .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color: rgba(54,149,217,1) } html .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: rgba(118,129,136,1) } html .woocommerce #content div.product div.images, html .woocommerce div.product div.images, html .woocommerce-page #content div.product div.images, html .woocommerce-page div.product div.images { float: left; width: 48%; } html .woocommerce #content div.product div.summary, .woocommerce div.product div.images, html .woocommerce div.product div.summary, html .woocommerce-page #content div.product div.summary, html .woocommerce-page div.product div.summary { float: right; width: 48%; } html .woocommerce ul.products li.product:nth-child(2n), html .woocommerce-page ul.products li.product:nth-child(2n), html .woocommerce-page[class*=columns-] ul.products li.product:nth-child(2n), html .woocommerce[class*=columns-] ul.products li.product:nth-child(2n) { clear:none } html .woocommerce main ul.products li.last, html .woocommerce-page main ul.products li.last { margin-right: 0; } .woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; list-style: none; } .woocommerce-MyAccount-navigation ul li { margin-bottom: 1px } .woocommerce-MyAccount-navigation ul li a { width: 100%; padding: 7px 12px; display: block; color:rgba(0,74,151,1); background-color: #f1f4f6; border-left: 5px transparent solid } .woocommerce-MyAccount-navigation ul li a:hover { border-left-color: rgba(178,185,190,1) } html .woocommerce ul.products li.product .button { margin-right: 10px } /*-------------------------------------------------------------- ## KC improvements --------------------------------------------------------------*/ body [data-model] ~ #kc-footers { margin: 50px 0 70px 0 } .logged-in.kingcomposer { } .single-composer_widget .widget-area { display: none } .single-composer_widget main .cont-box-area { width: 100% } iframe section.kc_row { overflow: hidden; } .box-left.kc_column::before { content: " "; position: absolute; width: 1000px; height: 100%; right: 100%; top: 0; background-color: inherit; display: block; } .box-right.kc_column::before { content: " "; position: absolute; width: 1000px; height: 100%; left: 100%; top: 0; background-color: inherit; display: block; } #yikes-easy-mailchimp-contact_form_7-checkbox { margin:0 0 10px 0; } .yikes-easy-mc-form .yikes-easy-mc-submit-button { box-sizing: border-box; } .yikes-mailchimp-container:after { content: ""; display: block; clear: both } body .yikes-easy-mc-form .submit-button-inline-label { } body .yikes-easy-mc-form .submit-button-inline-label .yikes-easy-mc-submit-button { margin-bottom: 0; padding: 0 5px; } body .yikes-easy-mc-form label.label-inline { } body .yikes-easy-mc-form label.label-inline input { width: 100% } body form.yikes-easy-mc-form:after { content: ""; display: block; clear: both } body form.yikes-easy-mc-form .empty-label { display: none } body .yikes-easy-mc-form input[type="text"], body .yikes-easy-mc-form input[type="url"], body .yikes-easy-mc-form input[type="email"], body .yikes-easy-mc-form input[type="number"], body .yikes-easy-mc-form input[type="password"], body .yikes-easy-mc-form select, body .yikes-easy-mc-form textarea { background-color: #fff; padding: 0 20px; } body .yikes-easy-mc-form input[type="text"]:focus, body .yikes-easy-mc-form input[type="url"]:focus, body .yikes-easy-mc-form input[type="email"]:focus, body .yikes-easy-mc-form input[type="number"]:focus, body .yikes-easy-mc-form select:focus { outline: none; } .kc-row-container:after { content: ""; display: block; clear: both } .rev-btn i { margin-right: 6px } a.kc_button i { margin-right: 7px; } body .divider_line { margin-top: 0; margin-bottom: 0; line-height: 1; } .kc-ui-progress.kc-ui-progress2 div.ui-label .value, .kc-ui-progress.kc-ui-progress3 div.ui-label .value { color:#fff; } .kc-ui-progress { -webkit-transition: all 0ms; transition: all 0ms; max-width: 100%; } body .kc_tabs>.kc_wrapper>.kc_tabs_nav { background-color: transparent } body .kc_tabs>.kc_wrapper>.kc_tabs_nav li { background-color: #eee } body .kc_tabs.center_tabs > .kc_wrapper { text-align: center } body .kc_tabs.center_tabs > .kc_wrapper > .kc_tabs_nav { display: inline-block; width: auto; margin: 0 auto; float: none; } body .kc_tab_content {} body .kc_tab_content:after {content: ""; display: block; clear: both;} body .kc-css-system .wpcf7-submit { display: block } body .kc-contact-form7 p { margin: 0 0 0 0; } body .ssc_cf7 p { margin: 0 0 0 0; } .ssc_cf7 input[type="checkbox"], .ssc_cf7 input[type="radio"] { margin-right: 5px; } body .kc_wrap_twitter .button_follow_wrap { background-color: #1DA1F2; padding-top: 30px; } body .kc_twitter_feed .user_twitter span { color: #fff; } body .kc_wrap_twitter.kc_twitter_style-2 .result_twitter_feed { height: auto; } body .kc_twitter_feed .tweet_user { padding-bottom: 0 } body .kc-grid .item-grid img { padding: 0 0; margin-left: auto; margin-right: auto; } body .kc-css-system .content-button a { text-decoration: none; } body .pp_close { text-decoration: none; } body .kc-pro-button a { text-decoration: none } body .kc-call-to-action .kc-cta-button a { text-decoration: none } body .kc-call-to-action .kc-cta-icon { margin-left: 8px; } body .kc-fb-layout-2 .content-image { float: none; max-width: 100%; margin: 0 auto; } body .kc-flip-container .back .des .button { text-decoration: none; } body .kc-fb-layout-1 { padding: 20px 10px; } body .kc-fb-layout-2 { margin: 20px 0; } #breadcrumbs { margin: 0; } .kc_image_gallery.kc-grid.inline { width: auto; display: inline-block; } body .creative_icon_left { margin: 0 10px 0 0; } body .bgrlabel { float: none !important; position: absolute !important; display: inline-block !important; width: 100%; } .kc_tabs_nav i, .kc_accordion_header i:before { margin-right: 8px } .owl-theme.left .owl-controls{ margin-top: 0px; text-align: left; } .owl-theme .owl-controls{ margin-top: 20px; text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 8px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #272727; filter: Alpha(Opacity=50); /*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span{ display: block; width: 8px; height: 8px; margin: 5px 3px; filter: Alpha(Opacity=30); /*IE7 fix*/ opacity: 0.3; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #272727; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; } .owl-theme.lightbults .owl-controls .owl-page span{ background: #fff; } .owl-theme.lightbults .owl-controls .owl-page.active span, .owl-theme.lightbults .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading{ min-height: 150px; background: url(images/ajax-loader.gif) no-repeat center center } /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(images/ajax-loader2.gif) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } body .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { transform: scale(1.3); } body .owl-theme .owl-controls .owl-buttons div { opacity: 0.8; background-color: #474747; font-weight:bold; padding: 5px 20px; font-size: 14px; } body .owl-theme .owl-controls .owl-buttons div:hover { opacity: 1; } body .owl-nav-round.owl-theme .owl-controls .owl-buttons div { border-width: 0; line-height: 50px; width: 50px; height: 50px; } body .owl-nav-round.owl-theme .owl-controls .owl-buttons div::before { padding-left: 11px; line-height: 50px; width: 50px; height: 50px; } body .owl-nav-round.owl-theme .owl-controls .owl-buttons .owl-next::before { padding-right: 14px; padding-left: 0; } body.owl-nav-round.owl-theme .owl-controls .owl-buttons div { width: 50px; height: 50px; } .kc_tab .kc-testi-layout-1,.kc_tab .kc-testi-layout-2, .kc_tab .kc-testi-layout-3, .kc_tab .kc-testi-layout-4, .kc_tab .kc-testi-layout-5 { float: none; } .kc_tab .kc-testimo .content-image, .kc_tab .kc-testimo .content-title, .kc_tab .kc-testimo .content-position, .kc_tab .kc-testimo .content-desc { float: none } .kc_tab .kc-testimo.kc-testi-layout-4 .content-image { float: left } .kc_tab .kc-testimo.kc-testi-layout-5 .content-image { float: left } body .kc-testi-layout-1.kc-testimo .content-image { float: none } .content-button a { text-decoration: none } .pp_next, .pp_previous { text-decoration: none } .kc-carousel_images .owl-carousel .owl-wrapper .owl-item { display: table-cell; float: none; } .kc-carousel_images .owl-carousel .owl-wrapper .owl-item .item { cursor: pointer } .kc-carousel_images .owl-carousel .owl-wrapper .owl-item.synced { z-index: 99 } body .kc-sync2 .owl-item.synced .item img { margin-top: -10px; } .kc-blog-posts-4 .kc-list-item-4 .kc-post-header .post-title-alt a { text-decoration: none } body .kc_button { transition: all 0.3s; } .owl-theme .owl-controls .owl-page span { transition: all 0.3s; } .kc-col-container > div { position: relative; } .kc-col-container > div.bgrlabel { z-index: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } body .kc-button-7 a:hover { box-shadow: none !important; } .kc-image-overlay i { box-sizing: content-box; } body .kc_single_image img { display: inline-block; } #kc-live-frame-wrp { overflow: hidden; } .kc_counter_box.left_icon { text-align: left; } .kc_counter_box.right_icon { text-align: right; } .kc-flip-container .back .des h3 { text-align: center } .kc-empty-screen h3 { text-align: center } body .kc-testi-layout-4 .content-image { padding-right: 30px; width: auto; } .single-post main .kc_single_image { margin-bottom: 25px } .single-post main .kc_row_inner { margin-bottom: 35px } #wp-admin-bar-root-default li#wp-admin-bar-kc-edit a { background-color: #12A3D1; color: #fff; } #wp-admin-bar-root-default li#wp-admin-bar-kc-edit a:hover { background-color: #32373c; color: #12A3D1; } .respmenu { display: none; } /*-------------------------------------------------------------- ## Modal --------------------------------------------------------------*/ #ouibounce-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; } #ouibounce-modal .modal > i { position: absolute; top: 0; right: 0; z-index: 9; line-height: 60px; width: 60px; font-size: 30px; color: #fff; text-align: center; cursor:pointer; transition: all 200ms; } #ouibounce-modal .modal > i:focus { padding-top: 1px; } #ouibounce-modal .underlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.5); cursor: pointer; -webkit-animation: fadein 0.5s; animation: fadein 0.5s; } #ouibounce-modal .modal { width: 600px; height: 400px; background-color: #f0f1f2; z-index: 1; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; border-radius: 4px; -webkit-animation: popin 0.3s; animation: popin 0.3s; } #ouibounce-modal h3 { } #ouibounce-modal form { text-align: center; margin-top: 35px; } #ouibounce-modal form input[type=email] { padding: 12px; font-size: 1em; width: 260px; -webkit-font-smoothing: antialiased; } #ouibounce-modal form input[type=submit] { text-transform: uppercase; font-weight: bold; padding: 12px; font-size: 1em; border-radius: 4px; color: #fff; background-color: rgba(0,74,151,1); border: none; cursor: pointer; -webkit-font-smoothing: antialiased; } #ouibounce-modal form p { text-align: left; margin-left: 35px; opacity: 0.8; margin-top: 1px; padding-top: 1px; font-size: 0.9em; } #ouibounce-modal .modal-footer { position: absolute; bottom: 20px; text-align: center; width: 100%; } #ouibounce-modal .modal-footer p { text-transform: capitalize; cursor: pointer; display: inline; border-bottom: 1px solid #344a5f; } @-webkit-keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes popin { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 85% { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @-ms-keyframes popin { 0% { -ms-transform: scale(0); transform: scale(0); opacity: 0; } 85% { -ms-transform: scale(1.05); transform: scale(1.05); opacity: 1; } 100% { -ms-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes popin { 0% { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; } 85% { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); opacity: 1; } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } } /*-------------------------------------------------------------- ## Responsive --------------------------------------------------------------*/ @media screen and (max-width: 1200px) { } @media screen and (max-width: 1024px) { .container { width: 100%; } .box-left.kc_column::before, .box-right.kc_column::before { content: none; } .category article .thumb, .search article .thumb, .archive article .thumb, .blog article.post .thumb { width: 350px } .blog3columns .post, .blog3columns [class*="type"] { display:block; float: left; min-height:200px; width:-webkit-calc(50% - 30px); width:-moz-calc(50% - 30px); width:calc(50% - 30px); margin: 0 60px 60px 0; padding:0 0 0 0 } .blog3columns .post:nth-of-type(3n), .blog3columns [class*="type"]:nth-of-type(3n) { margin-right: 60px; } .blog3columns .post:nth-of-type(3n+1), .blog3columns [class*="type"]:nth-of-type(3n+1) { clear: none } .blog3columns .post:nth-of-type(2n), .blog3columns [class*="type"]:nth-of-type(2n) { margin-right: 0; } .blog3columns .post:nth-of-type(2n+1), .blog3columns [class*="type"]:nth-of-type(2n+1) { clear: both } .blog3columns .post:first-child, .blog3columns [class*="type"]:first-child { clear: none } .ab-item { font-size: 0 !important; } } @media screen and (max-width: 992px) { .box-left.kc_column::before, .box-right.kc_column::before { width: 0 } } @media screen and (max-width: 768px) { #ouibounce-modal .modal { width: 100%; height: auto; } #ouibounce-modal .modal-body { padding: 20px 15px;} body #kc-front-save, body #kc-exit-backend, body #kc-front-exit { font-size: 0; } .category article > div, .archive article > div, .blog article.post > div, .search article > div { display: block; } .category article .thumb, .search article .thumb, .archive article .thumb, .blog article.post .thumb { max-width: 100%; padding-right: 0; float: none; width: 100%; padding-bottom: 20px; max-height: unset } .category article .thumb img, .search article .thumb img, .archive article .thumb img, .blog article.post .thumb img { width: 100%; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { width: 100%; } html .woocommerce #content div.product div.images, html .woocommerce #content div.product div.summary, .woocommerce div.product div.images, html .woocommerce div.product div.summary, html .woocommerce-page #content div.product div.images, html .woocommerce-page #content div.product div.summary, html .woocommerce-page div.product div.images, html .woocommerce-page div.product div.summary { float: none; width: 100%; } html .woocommerce #content div.product div.images, html .woocommerce div.product div.images, html .woocommerce-page #content div.product div.images, html .woocommerce-page div.product div.images { float: none; width: 100%; } body .yikes-easy-mc-form .submit-button-inline-label { width: 100% } body .yikes-easy-mc-form label.label-inline { width: 100%; } body .kc-countdown-timer .group { margin-bottom: 10px } body .yikes-easy-mc-form label.label-inline { padding-right: 0 } main button, .footer-widget button, main input[type="button"], main input[type="reset"], main input[type="submit"] { max-width: 100%; white-space: normal } .header_alt { padding-top: 0 } .header_alt ul { padding: 8px 15px; margin-top: -20px; } .header_alt ul li { display: block; } .header_alt ul li > a { padding: 3px 20px 3px 5px; } .header_alt ul li a { font-size: 15px } .header_alt ul li:hover ul { position: relative; padding: 5px 0; } .header_alt ul li:not(:first-child) {display: none;} .header_alt .topnav .icon { position: absolute; display: block; top: 0; right: 0; padding: 0 20px 0 40px; line-height: 50px; font-size: 24px; text-decoration: none; color: #fff; z-index: 3; } .header_alt ul li ul { position: relative; padding: 5px 0; transform: scale(1); } .header_alt ul.responsive {position: relative;} .header_alt ul.responsive .icon { position: absolute; right: 0; top: 0; } .header_alt ul.responsive li { float: none; display: block; text-align: left; } .header_alt .covergbr { height: 100%; background-size: cover; } .header_alt a h1 { padding: 50px 15px; margin-top: 0; font-size: 40px; line-height: 50px; } .entry-meta { line-height: 1.8em } .entry-meta > span { display: inline-block } .widget-area { margin-bottom: 60px } .nav-previous, .nav-next { float: none; width: 100%; display: block; text-align: left; margin: 0 0 20px 0; } .nav-previous a, .nav-next a { white-space: normal; text-align: left; } } @media screen and (max-width: 601px) { .category article > div, .archive article > div, .blog article.post > div, .search article > div { display: block } .e404 .search-field { margin: 0 20px 25px 20px } #commentform .comment-form-author, #commentform .comment-form-email, #commentform .comment-form-url { float: none; width: 100%; } #commentform .comment-form-author input, #commentform .comment-form-email input, #commentform .comment-form-url input { width: 100%; } .nav-links > div, .nav-previous a, .nav-next a { width: calc(100% - 30px); margin-bottom: 15px; white-space: normal; } .nav-previous, .nav-next { width: 100%; display: block } .related .rblock { width: 100%; margin-right: 0; float: none; margin-bottom: 40px; } .single .social-share { margin-bottom: 20px; } .box-left.kc_column::before, .box-right.kc_column::before { width: 0 } .cfform .mainform .nameline { border-top-right-radius: 4px !important; border-right-width: 2px !important; border-bottom-width: 0 !important; } .onecolumn article .thumb, .onecolumnsb article .thumb, .blog2columns article .thumb, .blog3columns article .thumb { width: 100%; padding-right: 0; float: none; } .blog2columns .post, .blog2columns [class*="type"], .blog3columns .post, .blog3columns [class*="type"] { float: none; width:100%; margin: 0 0 60px 0; padding:0 0 0 0 } body { line-height:1.7em; font-family: "Roboto"; font-size: 16px; color: #2c3840; font-weight: 400; } p { margin: 10px 0 25px 0; line-height:26px; } h1 { font-family: "Poppins"; color: #2c3840; font-weight: 500; font-size: 28px; line-height: 38px; text-transform: none; text-align: left; margin: 20px 0; } .footer-widget .divider_line { width:auto } body .kc_image_gallery.kc-carousel-image.kc-grid > div { width: 100%; } } @media screen and (max-width: 540px) { .header_alt a { } } @media screen and (max-width: 480px) { html .woocommerce ul.products li.product, html .woocommerce-page ul.products li.product, html .woocommerce-page[class*="columns-"] ul.products li.product, html .woocommerce[class*="columns-"] ul.products li.product { width: 100%; float: none; margin: 0 0 60px; } .kc-testi-layout-4 .box-right { clear: both; padding-top: 20px; } body .kc_button{ white-space: normal !important; } } @media screen and (max-width: 375px) { .cfform { width: 300px !important; } .cfform h4 { font-size: 22px !important; } } @media screen and (max-width: 320px) { }