/*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Asides ## Comments # Infinite scroll # Media ## Captions ## Galleries --------------------------------------------------------------*/ @import url(//fonts.googleapis.com/css?family=Roboto+Condensed|Open+Sans|Amaranth); /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, textarea { font-family: "Open Sans", Arial, Verdana, Helvetica, sans-serif; line-height: 1.7rem; } body *, button *, input *, select *, textarea * { -webkit-font-smoothing: antialiased; } h1, h2, h3, h4, h5, h6 { font-size: 1.6rem; line-height: 2rem; font-family: "Amaranth", "Open Sans", Arial, Verdana, Helvetica, sans-serif; margin: 1rem 0; clear: none; font-weight: normal; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; } h2 { font-size: 1.5rem; line-height: 1.9rem; } h3 { font-size: 1.4rem; line-height: 1.8rem; } h4 { font-size: 1.3rem; line-height: 1.7rem; } h5 { font-size: 1.2rem; line-height: 1.7rem; } h6 { font-size: 1.1rem; line-height: 1.7rem; } @media screen and (min-width: 1100px) { h1 { font-size: 2.2rem; line-height: 2.7rem; } h2 { font-size: 2rem; line-height: 2.5rem; } h3 { font-size: 1.9rem; line-height: 2.4rem; } h4 { font-size: 1.8rem; line-height: 2.3rem; } h5 { font-size: 1.7rem; line-height: 2.2rem; } h6 { font-size: 1.6rem; line-height: 2.1rem; } } p { margin-bottom: 1rem; } .tiny { font-size: .8rem; } .req, .required { color: red; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ hr { background-color: rgba(64, 64, 64, 0.25); margin-bottom: 1rem; } ul, ol { margin: 0 0 1rem 1rem; padding: .5rem 0 .5rem 1rem; } #page { margin: 0 auto; } .constrainer { max-width: 1200px; margin: 0 auto; position: relative; padding: 1rem .5rem; } header#masthead { width: 100%; position: relative; text-align: center; } header#masthead div.constrainer { padding: .25rem 0; position: relative; } header#masthead .site-branding { margin: 2.25rem 0 0; padding: 1rem 0; clear: both; } header#masthead .site-branding a { text-decoration: none; } header#masthead .site-branding .site-title { padding: 0; margin: 0; } header#masthead .site-branding .site-title a { text-decoration: none; } header#masthead .site-branding .has-logo img { margin: 0 auto; } header#masthead .site-branding .has-logo span { position: absolute; visibility: hidden; top: 0; left: 0; } header#masthead .site-branding .site-description { position: absolute; visibility: hidden; } @media screen and (min-width: 768px) { header#masthead div.constrainer { padding: .25rem 1rem; } header#masthead .site-branding { text-align: left; clear: none; } } @media screen and (min-width: 872px) { header#masthead .site-branding { margin: 0; } header#masthead .site-branding .has-logo img { margin: 0; } } #breadcrumbs { font-size: .8rem; line-height: 1.1rem; padding: 0; margin: 0 auto 1.5rem; max-width: 1200px; text-align: left; font-family: "Roboto Condensed", "Open Sans", Arial, Verdana, Helvetica, sans-serif; /* @media screen and ( min-width: 950px ) { margin-bottom: 2.5rem; }*/ } #breadcrumbs > span { display: block; padding: .25rem .5rem; margin: 0 auto; } #breadcrumbs a.current-item { text-decoration: none; cursor: pointer; } @media screen and (min-width: 600px) { #breadcrumbs > span { padding: .25rem 1rem; } } #content { position: relative; padding: 0 .5rem; } #content div.constrainer { overflow: hidden; padding: 0; } @media screen and (min-width: 600px) { #content { padding: 0 1rem; } } #primary p:first-child, #primary div:first-child, #primary h1:first-child, #primary h2:first-child, #primary h3:first-child, #primary h4:first-child, #primary h5:first-child, #primary h6:first-child, #primary ul:first-child, #primary ol:first-child, #primary aside:first-child, #secondary p:first-child, #secondary div:first-child, #secondary h1:first-child, #secondary h2:first-child, #secondary h3:first-child, #secondary h4:first-child, #secondary h5:first-child, #secondary h6:first-child, #secondary ul:first-child, #secondary ol:first-child, #secondary aside:first-child, #page-footer p:first-child, #page-footer div:first-child, #page-footer h1:first-child, #page-footer h2:first-child, #page-footer h3:first-child, #page-footer h4:first-child, #page-footer h5:first-child, #page-footer h6:first-child, #page-footer ul:first-child, #page-footer ol:first-child, #page-footer aside:first-child { margin-top: 0; } #primary p:last-child, #primary div:last-child, #primary h1:last-child, #primary h2:last-child, #primary h3:last-child, #primary h4:last-child, #primary h5:last-child, #primary h6:last-child, #primary ul:last-child, #primary ol:last-child, #primary aside:last-child, #secondary p:last-child, #secondary div:last-child, #secondary h1:last-child, #secondary h2:last-child, #secondary h3:last-child, #secondary h4:last-child, #secondary h5:last-child, #secondary h6:last-child, #secondary ul:last-child, #secondary ol:last-child, #secondary aside:last-child, #page-footer p:last-child, #page-footer div:last-child, #page-footer h1:last-child, #page-footer h2:last-child, #page-footer h3:last-child, #page-footer h4:last-child, #page-footer h5:last-child, #page-footer h6:last-child, #page-footer ul:last-child, #page-footer ol:last-child, #page-footer aside:last-child { margin-bottom: 0; } #primary { overflow: hidden; padding: 0 0 1rem; } #secondary { padding: 0 0 1rem; overflow: hidden; position: relative; } @media screen and (min-width: 872px) { #primary { width: 70%; float: left; padding-right: 1.5rem; } #secondary { width: 30%; float: right; padding-top: 1.65rem; } } @media screen and (min-width: 1000px) { #primary { width: 68%; } } body.no-sidebar #primary { width: 100%; float: none; padding: 0 0 1rem; } #page-footer { position: relative; line-height: 1.2rem; font-size: .9rem; background: rgba(255, 255, 255, 0.75); } #page-footer div.constrainer { padding: 0; overflow: hidden; } #colophon { text-align: center; font-size: .8rem; color: rgba(0, 0, 0, 0.5); } #colophon div.constrainer { padding: 2rem .5rem 4rem; } #colophon a { text-decoration: none; color: rgba(0, 0, 0, 0.5); } #colophon a:hover { color: rgba(0, 0, 0, 0.75); } .display-none, .dn { display: none; } .publisher[itemprop="publisher"] { position: absolute; visibility: hidden; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ input { max-width: 100%; } button, input[type="button"], input[type="reset"], input[type="submit"], a.button { font-size: 1.25rem; padding: 0 1rem; line-height: 2.5rem; box-shadow: inset 1px 1px 2px rgba(255, 255, 255, 0.5), 1px 1px 2px rgba(0, 0, 0, 0.25); -webkit-transition: all 0.2s; transition: all 0.2s; background: #e6e6e6; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, a.button:hover { background: #d9d9d9; } button:focus, button:active, input[type="button"]:focus, input[type="button"]:active, input[type="reset"]:focus, input[type="reset"]:active, input[type="submit"]:focus, input[type="submit"]:active, a.button:focus, a.button:active { outline: none; } input[type="text"], input[type="password"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"], textarea { background: rgba(255, 255, 255, 0.8); } input[type="text"], input[type="password"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"] { line-height: 2.2rem; } .wpcf7 p { margin: 0 0 1rem !important; } .wpcf7 span[class*="mathcaptcha"] { display: block; } .wpcf7 .column { padding-bottom: 0; } .wpcf7 .column input[type="text"], .wpcf7 .column input[type="password"], .wpcf7 .column input[type="color"], .wpcf7 .column input[type="date"], .wpcf7 .column input[type="datetime"], .wpcf7 .column input[type="datetime-local"], .wpcf7 .column input[type="email"], .wpcf7 .column input[type="month"], .wpcf7 .column input[type="number"], .wpcf7 .column input[type="search"], .wpcf7 .column input[type="tel"], .wpcf7 .column input[type="time"], .wpcf7 .column input[type="url"], .wpcf7 .column input[type="week"], .wpcf7 .column textarea { width: 100%; } .wpcf7 .full-width { width: 100%; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ a { -webkit-transition: all 0.2s; transition: all 0.2s; text-decoration: none; } /*a.button { display: inline-block; background: #e2c84a; color: #000; min-width: 200px; padding: .25rem; &:hover { background: #000; color: #fff; } }*/ #site-navigation { position: absolute; top: 0; left: 0; text-align: right; line-height: 2.25rem; z-index: 1000; width: 100%; } #site-navigation div { position: absolute; top: 0; width: 100%; z-index: 99998; padding: 0 0 1rem; list-style: none; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: all 0.5s; transition: all 0.5s; } #site-navigation.toggled > div { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #site-navigation a, #site-navigation a:visited { text-decoration: none; font-size: 1.25rem; display: block; line-height: 2.25rem; padding: .1rem 1rem; border-top: 1px solid rgba(255, 255, 255, 0.1); font-family: "Roboto Condensed", "Open Sans", Arial, Verdana, Helvetica, sans-serif; } #site-navigation ul.menu { display: block; text-align: left; margin: 0 1rem; padding: 0; } #site-navigation ul.menu li { position: relative; float: none; } #site-navigation ul.menu li.no-link > a { cursor: default; } #site-navigation ul.menu li li a { padding-left: 1.4rem; } #site-navigation ul.menu li li li a { padding-left: 2.1rem; } #site-navigation ul.menu > li > a { position: relative; } #site-navigation ul.menu > li:first-child > a:before { display: none; } #site-navigation ul.menu > li ul.sub-menu { padding: 0; width: 100%; } #site-navigation ul.menu li.menu-item-has-children { position: relative; } #site-navigation ul.menu li.menu-item-has-children > i.fa { display: block; float: right; font-size: 20px; line-height: 1.9rem; height: 1.9rem; width: 40px; text-align: center; position: relative; z-index: 12; cursor: pointer; -webkit-transition: all 0.2s; transition: all 0.2s; } #site-navigation ul.menu li.menu-item-has-children > i.fa.open { -webkit-transform: rotate(180deg); transform: rotate(180deg); } @media screen and (min-width: 400px) { #site-navigation ul.menu li.menu-item-has-children > i.fa { margin-right: .25rem; } } @media screen and (min-width: 872px) { #site-navigation { position: relative; clear: both; margin: 0; float: none; line-height: 1.9rem; z-index: 100; left: auto; right: 0; } #site-navigation div { position: relative; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); padding: 0; -webkit-transition: all 0s; transition: all 0s; max-width: 1200px; margin: 0 auto; } #site-navigation a, #site-navigation a:visited { position: relative; white-space: nowrap; font-size: 1.1rem; border: none; padding: 0 .75rem; line-height: 2.25rem; } #site-navigation ul.menu { text-align: center; margin: 0; padding: 0 .25rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } #site-navigation ul.menu li { display: inline-block; -webkit-transition: all 0.2s; transition: all 0.2s; } #site-navigation ul.menu li:hover > ul.sub-menu { visibility: visible; opacity: 1; z-index: 1; } #site-navigation ul.menu > li { padding: 0; margin: 0; display: inline-block; /*&:first-child > a { padding-left: 0; } &:last-child > a { padding-right: 0; }*/ /*&.current-menu-item, &.current_page_ancestor, &.current-product-parent { & > a { } }*/ } #site-navigation ul.menu > li > a { padding: 0 .75rem; line-height: 3rem; /*&:before { content: '|'; position: absolute; left: -2px; top: 50%; display: inline-block; transform: translate3d( 0, -50%, 0 ); height: 1rem; line-height: 1rem; color: #685e5f; }*/ } #site-navigation ul.menu > li ul.sub-menu { display: block; position: absolute; top: 200%; left: 0; text-align: left; visibility: hidden; opacity: 0; z-index: -1; -webkit-transition: all 0.2s; transition: all 0.2s; width: auto; } #site-navigation ul.menu > li ul.sub-menu li { display: block; border-top: 1px solid rgba(255, 255, 255, 0.25); } #site-navigation ul.menu > li ul.sub-menu li:first-child { border: none; } #site-navigation ul.menu > li ul.sub-menu li a { padding-left: 1rem; } #site-navigation ul.menu > li ul.sub-menu li.current-menu-item > a, #site-navigation ul.menu > li ul.sub-menu li.current_page_ancestor > a, #site-navigation ul.menu > li ul.sub-menu li.current-product-parent > a { background: #af1925; } #site-navigation ul.menu > li ul.sub-menu li ul.sub-menu { top: 0; left: 150%; margin-left: 0; border-left: 1px solid rgba(255, 255, 255, 0.25); } #site-navigation ul.menu > li ul.sub-menu li.menu-item-has-children > a { padding-right: 1.25rem; } #site-navigation ul.menu > li ul.sub-menu li.menu-item-has-children > i.fa { right: -5px; -webkit-transform: rotate(-90deg) translate3d(0, -50%, 0); transform: rotate(-90deg) translate3d(0, -50%, 0); bottom: auto; top: 35%; } #site-navigation ul.menu li.menu-item-has-children > i.fa { display: none; /*position: absolute; float: none; font-size: 14px; width: 10px; height: 10px; line-height: 10px; right: 50%; transform: translate3d( 50%, 0, 0 ); top: auto; bottom: 1px; margin: 0; z-index: 1;*/ } #site-navigation ul.menu li.menu-item-has-children > a { position: relative; z-index: 11; } #site-navigation ul.menu li.menu-item-has-children:hover > ul.sub-menu { display: block; top: 100%; } #site-navigation ul.menu li.menu-item-has-children:hover > ul.sub-menu > li.menu-item-has-children ul.sub-menu { top: 0%; } #site-navigation ul.menu li.menu-item-has-children:hover > ul.sub-menu > li.menu-item-has-children:hover > ul.sub-menu { left: 100%; } } button.menu-toggle { background: transparent; border: none; border-color: transparent; font-size: 18px; box-shadow: none; text-shadow: none; display: inline-block; width: 2.6rem; padding: 0; } button.menu-toggle:focus { box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.25); border: none; outline: none; } button.menu-toggle .fa-bars { color: #404040; } @media screen and (min-width: 872px) { button.menu-toggle { display: none; } } div.nav-links { border-top: 1px solid rgba(255, 255, 255, 0.25); margin: 1rem 0 2rem !important; padding: 1rem .5rem; font-size: 1.1rem; overflow: hidden; } div.nav-links a { display: inline-block; } div.nav-links a:before { font-family: FontAwesome; font-size: .9rem; display: inline-block; -webkit-transform: translate3d(0, -1px, 0); transform: translate3d(0, -1px, 0); padding-right: .25rem; } div.nav-links .nav-previous, div.nav-links .nav-next { width: 100% !important; float: none !important; } div.nav-links .nav-previous a:before, div.nav-links .nav-next a:before { content: '\f053'; } div.nav-links .nav-next { text-align: left !important; } div.nav-links .nav-next a:before { content: '\f054'; } @media screen and (min-width: 872px) { div.nav-links a { padding: 0 .5rem; } div.nav-links .nav-previous, div.nav-links .nav-next { width: 50% !important; float: left !important; position: relative; } div.nav-links .nav-previous a:before, div.nav-links .nav-next a:before { position: absolute; top: 2px; left: -7px; } div.nav-links .nav-next { text-align: right !important; } div.nav-links .nav-next a:before { left: auto; right: -11px; } } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0; } .posts-navigation { text-align: center; } div.wp-pagenavi { display: inline-block; padding: .5rem 1.5rem; border-top: 1px solid rgba(0, 0, 0, 0.1); font-size: .9rem; } div.wp-pagenavi > *, div.wp-pagenavi span.current, div.wp-pagenavi a:hover { border: none; border-left: 1px solid rgba(0, 0, 0, 0.1); } div.wp-pagenavi > * { padding: 0 .5rem; display: inline-block; margin: 0; } div.wp-pagenavi > *:first-child { border: none; padding-left: 0; } div.wp-pagenavi > *:last-child { padding-right: 0; } div.wp-pagenavi .pages, div.wp-pagenavi .last, div.wp-pagenavi .first { font-size: .8rem; } div.wp-pagenavi i { font-size: .8rem; -webkit-transform: translate3d(0, -1px, 0); transform: translate3d(0, -1px, 0); } @media screen and (min-width: 480px) { div.wp-pagenavi { font-size: 1rem; } div.wp-pagenavi .pages, div.wp-pagenavi .last, div.wp-pagenavi .first { font-size: .9rem; } div.wp-pagenavi i { font-size: .9rem; } } .more-link { display: block; padding: .5rem 1rem 0; text-align: right; } .more-link i { font-size: .9rem; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft, .alignright { display: block; float: none; margin: .5rem auto; } .alignleft.first-image { float: left; max-width: 40%; margin: 0 .5rem .5rem 0; } .alignright.first-image { float: right; max-width: 40%; margin: 0 0 .5rem .5rem; } @media screen and (min-width: 600px) { .alignleft, .alignleft.first-image { max-width: 50%; display: inline-block; float: left; margin-right: 1.5rem; } .alignright, .alignright.first-image { max-width: 50%; display: inline-block; float: right; margin-left: 1.5rem; } } @media screen and (min-width: 768px) { .alignleft, .alignleft.first-image { max-width: 75%; } .alignright, .alignright.first-image { max-width: 75%; } } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clearboth { clear: both; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ #content .widget_search .search-submit { display: none; } #secondary aside.widget_search { padding: 0 .5rem; } #secondary aside.widget_search .search-field { width: 100%; box-sizing: border-box; } #secondary aside ul { margin: 0; padding: 0 .5rem; } #secondary aside ul li { list-style: none; } #secondary aside ul li a { position: relative; display: block; line-height: 1.25rem; padding: .5rem 0; border-top: 1px solid rgba(0, 0, 0, 0.05); } #secondary aside ul li:first-child a { border: none; padding-top: 0; } #secondary aside .widget-title { border-bottom: 1px solid rgba(128, 128, 128, 0.5); } #secondary aside.null-instagram-feed ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #secondary aside.null-instagram-feed ul li { width: 48%; } #secondary aside.null-instagram-feed ul li a { padding: 0 0 .25rem; } #secondary aside.null-instagram-feed ul li a img { display: block; } #secondary aside.null-instagram-feed p.clear { text-align: center; border-top: 1px solid rgba(0, 0, 0, 0.25); margin: .5rem 2rem; padding: .25rem .5rem 0; } @media screen and (min-width: 600px) { #secondary aside.null-instagram-feed ul li { width: 23%; } #secondary aside.null-instagram-feed ul li a { padding: 0 0 .5rem; } } @media screen and (min-width: 872px) { #secondary aside .widget-title { margin-top: 0; } #secondary aside.null-instagram-feed ul li { width: 48%; } #secondary aside.null-instagram-feed ul li a img { opacity: 0.85; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } #secondary aside.null-instagram-feed ul li a:hover img { opacity: 1; } } #page-footer .footer-widget-area { padding: 0; } #page-footer .footer-widget-area .widget { margin-bottom: .5rem; text-align: left; } #page-footer .footer-widget-area .widget:last-child { margin-bottom: 0; } @media screen and (min-width: 480px) { #page-footer .footer-widget-area .widget, #page-footer .footer-widget-area .widget:last-child { margin-bottom: 1rem; } } .widget_one-down-social-icons ul { list-style: none; text-align: center; margin: 0; padding: 0; } .widget_one-down-social-icons ul li { display: inline-block; } .widget_one-down-social-icons ul li a { height: 2.5rem; width: 2.5rem; display: block; text-align: center; } .widget_one-down-social-icons ul li .fa { font-size: 2rem; line-height: 2.5rem; } .copyright-widget-area { margin: 0; padding: 0 1rem; color: rgba(0, 0, 0, 0.75); line-height: 1rem; font-size: .8rem; } .copyright-widget-area p { margin: 0 0 1rem; } .copyright-widget-area .copyright { text-align: center; padding: .5rem; } @media screen and (min-width: 480px) { .copyright-widget-area { overflow: hidden; } .copyright-widget-area .widget_one-down-social-icons { float: right; width: 50%; } .copyright-widget-area .widget_one-down-social-icons ul { text-align: right; } .copyright-widget-area .copyright { float: left; width: 50%; text-align: left; } } #colophon .built-by { clear: both; } .header-social { z-index: 1001; float: left; margin: 0 0 0 .5rem; position: relative; } .header-social .widget_one-down-social-icons { margin: 0; } .header-social .widget_one-down-social-icons ul li a { width: 2rem; } @media screen and (min-width: 768px) { .header-social { float: right; margin: 2.25rem 0 0; padding: 1rem 0; } } @media screen and (min-width: 872px) { .header-social { margin: 0; } } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ .entry-header, .page-header { margin: 0 0 .5rem; position: relative; } .entry-title, .page-title { position: relative; z-index: 1; } .entry-meta, .entry-footer { font-size: .8rem; margin: 0 1.5rem; line-height: 1.5rem; font-family: "Roboto Condensed", "Open Sans", Arial, Verdana, Helvetica, sans-serif; opacity: 0.6; -webkit-transition: all 0.2s; transition: all 0.2s; } .entry-meta:hover, .entry-footer:hover { opacity: 1; } .entry-footer { margin: 1rem 1rem 0; } .entry-footer .edit-link, .entry-footer .comments-link { display: block; } pre { background: rgba(255, 255, 255, 0.05); } #content .column, #content .content-column { width: 100%; float: none; } @media screen and (min-width: 768px) { #content .column, #content .content-column { float: left; padding: 0; } #content .one-fifth, #content .one_fifth { width: 19.2%; margin-right: 1%; } #content .two-fifths, #content .two_fifths { width: 39.4%; margin-right: 1%; } #content .three-fifths, #content .three_fifths { width: 59.6%; margin-right: 1%; } #content .four-fifths, #content .four_fifths { width: 79.8%; margin-right: 1%; } #content .one-fourth, #content .one_fourth { width: 23.5%; margin-right: 2%; } #content .one-third, #content .one_third { width: 32%; margin-right: 2%; } #content .one-half, #content .one_half { width: 48.5%; margin-right: 3%; } #content .two-thirds, #content .two_thirds { width: 66%; margin-right: 2%; } #content .three-fourths, #content .three_fourths { width: 74.5%; margin-right: 2%; } #content .the-end, #content .last_column { margin-right: 0 !important; } } body.archive #primary article .thumbnail, body.blog #primary article .thumbnail, body.search #primary article .thumbnail, body.single-post #primary article .thumbnail, body.error404 #primary article .thumbnail { position: absolute; visibility: hidden; } body.archive #primary article .entry-header, body.blog #primary article .entry-header, body.search #primary article .entry-header, body.single-post #primary article .entry-header, body.error404 #primary article .entry-header { margin-bottom: 0; } body.archive #primary article .entry-header .entry-title, body.blog #primary article .entry-header .entry-title, body.search #primary article .entry-header .entry-title, body.single-post #primary article .entry-header .entry-title, body.error404 #primary article .entry-header .entry-title { margin: 0; } body.archive #primary article .entry-header .entry-title a, body.blog #primary article .entry-header .entry-title a, body.search #primary article .entry-header .entry-title a, body.single-post #primary article .entry-header .entry-title a, body.error404 #primary article .entry-header .entry-title a { text-decoration: none; } body.archive #primary article .entry-header .entry-meta, body.blog #primary article .entry-header .entry-meta, body.search #primary article .entry-header .entry-meta, body.single-post #primary article .entry-header .entry-meta, body.error404 #primary article .entry-header .entry-meta { margin: 0 .25rem; } body.blog .page-header, body.archive .page-header, body.search .page-header { margin-bottom: 1.5rem; } body.blog article, body.archive article, body.search article { margin-bottom: 3rem; } body.archive .page-header .taxonomy-description { font-size: .9rem; } body.archive .entry-content { margin-bottom: 1.5rem !important; } body.search .entry-footer .comments-link { display: none; } #comments { padding-top: 1.5rem; } #comments .comments-title { font-size: 1.3rem; line-height: 1.7rem; } #comments ol.comment-list { padding: 0; margin: 0 0 1.5rem; } #comments ol.comment-list li { list-style: none; border: 1px solid rgba(230, 230, 230, 0.05); background: rgba(255, 255, 255, 0.05); margin-bottom: 1rem; border-radius: 3px; } #comments ol.comment-list li .comment-meta { padding: .5rem 1rem; background: rgba(255, 255, 255, 0.05); overflow: hidden; } #comments ol.comment-list li .comment-author .avatar { vertical-align: baseline; } #comments ol.comment-list li .comment-metadata { font-size: .8rem; margin-left: .25rem; } #comments ol.comment-list li .comment-content { padding: 1rem 1rem 0; } #comments ol.comment-list li .comment-content p:last-child { margin-bottom: 0; } #comments ol.comment-list li .reply { text-align: right; padding: 0 1rem .5rem; } #comments ol.comment-list li.bypostauthor { border: 1px solid rgba(230, 230, 230, 0.1); } #comments .form-allowed-tags { background: rgba(230, 230, 230, 0.1); padding: .5rem; } #comments .form-allowed-tags, #comments .form-allowed-tags code { font-size: .8rem; } @media screen and (min-width: 600px) { #comments ol.comment-list li .comment-author { width: 60%; display: inline-block; } #comments ol.comment-list li .comment-author .avatar { vertical-align: middle; } #comments ol.comment-list li .comment-metadata { width: 38%; text-align: right; display: inline-block; margin: 0; } #comments ol.comment-list li .comment-metadata .comment-edit-link { display: block; } } body.home #breadcrumbs, body.home header.entry-header { position: absolute; visibility: hidden; } #business-listing { clear: both; margin-top: 1.5rem; } #business-listing .p-name { font-size: 1.3rem; line-height: 1.5rem; border-bottom: 1px solid rgba(128, 128, 128, 0.5); } #business-listing h4 { font-size: 1.1rem; line-height: 1.25rem; margin: .75rem 0 .25rem; font-weight: bold; } #business-listing div.adr { margin: 1rem 0; } #business-listing div.adr span.street-address, #business-listing div.adr span.street-address span { display: block; margin: 0 .5rem; } #business-listing div.adr span.locality { display: inline-block; margin-left: .5rem; } #business-listing div.phone-numbers { margin: 1rem 0; } #business-listing div.phone-numbers span.tel { display: block; } #business-listing div.phone-numbers span.tel span.type { font-weight: bold; display: inline-block; min-width: 75px; margin: 0 0 0 .5rem; } #business-listing div.office-hours { margin: 1rem 0; } #business-listing div.office-hours > span { display: block; margin: 0 .5rem; } #business-listing div.additional-content { clear: both; margin: 1rem 0; } #business-listing div.additional-content p, #business-listing div.additional-content ul { margin: 0 .5rem; } #business-listing div.email-form { clear: both; margin: .75rem 0; } #business-listing div.email-form div.wpcf7 > form { margin: 0 .5rem; } #business-listing div.email-form div.wpcf7 > form p { margin-top: 0; } #business-listing div.email-form div.wpcf7 > form textarea { height: 10rem; } #business-listing .acf-map { margin: 2rem 0 1rem; } #business-listing .acf-map .fn, #business-listing .acf-map .fn *, #business-listing .acf-map .adr, #business-listing .acf-map .adr *, #business-listing .acf-map .map-address, #business-listing .acf-map .map-address * { color: #000; font-weight: normal; } #business-listing .acf-map .fn { font-size: 1.1rem; border: none; } #business-listing .acf-map .adr { line-height: 1.3rem; margin: .25rem 0; } #business-listing .acf-map .adr h4 { display: none; } #business-listing .acf-map .adr span.street-address, #business-listing .acf-map .adr span.street-address span { display: block; } @media screen and (min-width: 480px) { #business-listing div.adr { width: 45%; float: left; margin-right: 0; } #business-listing div.phone-numbers { width: 50%; float: left; margin-left: 0; } #business-listing .acf-map .adr { width: 100%; float: none; } } @media screen and (min-width: 700px) { #business-listing div.adr { width: 32%; float: left; margin: 0 2% 1rem 0; } #business-listing div.phone-numbers { width: 32%; float: left; margin: 0 2% 1rem 0; } #business-listing div.office-hours { width: 32%; float: left; margin: 0 0 1rem; } } .entry-content .vc_row { margin-top: 30px; margin-bottom: 30px; } .entry-content .vc_row .vc_row { margin-top: 0; margin-bottom: 15px; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .acf-map { width: 100%; height: 400px; border: #ccc solid 1px; margin: 20px 0; } .iframe-wrap { position: relative; padding-bottom: 56.25%; max-width: 100%; max-height: 100%; margin: 1rem auto; } .iframe-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height: 100%; } img { max-width: 100%; height: auto; } .pswp .pswp__caption__center { text-align: center; } figcaption { padding: .25rem .5rem; font-size: .8rem; background: rgba(0, 0, 0, 0.01); border-radius: 3px; margin: .25rem 0 .75rem; } @media screen and (min-width: 600px) { figcaption { font-size: .9rem; } } @media screen and (min-width: 1000px) { figcaption { font-size: 1rem; } }