html { line-height: 1.15; -webkit-text-size-adjust: 100%; scroll-behavior: smooth; overflow-x: hidden; } .blog-posts-section, .howirent-section .howirent-wrapper, .mission-section, .services-section .project-wrapper, .site-footer .footer-wrapper, .slider-section, .subscribe-recent-section, .widgets-section { max-width: 1500px; overflow: hidden; margin: 0 auto; } section:last-child { margin-bottom: 100px; } body { margin: 0; overflow-x: hidden; } h1 { font-size: 2em; margin: 0.67em 0; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } [type="button"], [type="reset"], [type="submit"], button { -webkit-appearance: button; } [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; } [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } body, button, input, optgroup, select, textarea { color: #222; font-family: "Rockford Sans", Helvetica, sans-serif; font-size: 16px; font-size: 1rem; line-height: 1.6; font-weight: 400; } h1, h2, h3, h4, h5, h6 { clear: both; font-family: "Rockford Sans", sans-serif; font-weight: 800; line-height: 1.15em; letter-spacing: 0.05em; text-transform: capitalize; } .site-title { margin: 5px; } p { margin-bottom: 1.5em; line-height: 1.5em; letter-spacing: 0.05em; } .site-branding { -ms-flex-preferred-size: 50%; flex-basis: 50%; } .site-description { font-size: 11px; width: 300px; text-transform: uppercase; letter-spacing: 0.15em; } cite, dfn, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; 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; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } ins, mark { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } .entry-title, .sticky-title { font-size: 2em; margin: 20px 0; } .intro-paragraph { font-size: 21px; letter-spacing: 0.1em; } .entry-meta, .entry-sticky-meta { text-transform: uppercase; font-size: 11px; color: #888; letter-spacing: 0.2em; margin: 20px 0; } .entry-meta { margin: 0; letter-spacing: 0.3em; } .entry-meta a, .entry-sticky-meta a { color: #888; } .entry-header .by-author { color: #333; font-size: 0.9em; margin-bottom: 20px; margin-top: 20px; text-transform: uppercase; letter-spacing: 0.1em; display: flex; align-items: center; border-bottom: 1px solid #314750; padding-bottom: 10px; } .by-author .social-btn { justify-content: flex-end; text-align: right; flex-basis: 50%; } .by-author .byline { flex-basis: 50%; } .entry-header .by-author a { color: #333; } .by-author span { margin-right: 10px; } .by-author .social-btn a { margin: 0 8px; font-size: 1.5em; } .entry-content p a { color: #e5b626; } .entry-content a:hover { border-bottom: 4px solid #e5b626; } .entry-content blockquote { background: #f9f9f9; padding: 20px; } .tags-links a { padding: 2px 7px; font-size: 10px; text-transform: uppercase; letter-spacing: 0.1em; } .tags-links { word-wrap: break-word; display: block; margin: 0 auto; width: 100%; text-align: center; } .tags-links a { margin: 3px; } .flex-footer-container { padding: 20px 0; } .first-word { letter-spacing: 0; color: #212121 !important; text-transform: capitalize; font-size: 39px !important; display: inline !important; } .yellow-word { color: #e5b626; } #secondary .yellow-word { text-transform: uppercase; font-size: 0.6em; } html { -webkit-box-sizing: border-box; box-sizing: border-box; } *, *:after, *:before { -webkit-box-sizing: inherit; box-sizing: inherit; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ol, ul { margin: 0 0 1.5em 3em; } ul { list-style: disc; } ol { list-style: decimal; } li > ol, li > ul { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; padding: 0 20px; } dd { margin: 0 1.5em 1.5em; } img { height: auto; max-width: 100%; } @media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) { img.custom-logo { image-rendering: -webkit-optimize-contrast; } } figure { margin: 1em 0; } table { margin: 0 0 1.5em; width: 100%; } button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; color: rgba(0, 0, 0, 0.8); font-size: 12px; font-size: 0.75rem; line-height: 1; padding: 0.6em 1em 0.4em; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa; } button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { border-color: #aaa #bbb #bbb; } 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 { color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px; } 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, textarea:focus { color: #111; } select { border: 1px solid #ccc; } textarea { width: 100%; } a { color: #212121; text-decoration: none; } *:hover, a:hover { -webkit-text-decoration: bold; text-decoration: bold; transition: all 0.3s ease 0s !important; -webkit-transition: all 0.3s ease 0s !important; -o-transition: all 0.3s ease 0s !important; -moz-transition: all 0.3s ease 0s !important; } a:focus { outline: thin dotted; color: #aaa; } a:hover { outline: 0; color: #e5b626; } .top-bar { height: 35px; display: flex; align-items: center; justify-items: center; background: #edca3b; color: #222; } .top-title { color: #222; padding: 4px 0 0 21px; font-size: 14px; width: 150px; margin: 0; text-transform: uppercase; } .top-title span { color: #fff; } .top-search { width: 300px; margin-top: -6px; } .top-search .search-field { border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #999; background: transparent; padding-bottom: 5px; } .top-search input[type="search"] { color: #222; font-size: 12px; } .top-search .search-submit { display: none; } .top-search label { line-height: 1.2; } .top-bar .top-social { justify-content: right; width: calc(100% - 470px); height: 40px; text-align: right; } .top-social .social-media-icons a { margin: 5px 5px 0; } .container .site-branding { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .container .custom-logo, .container .site-title { margin: 15px 0; } .main-navigation-divided { display: flex; justify-content: center; list-style-type: none; margin: 0; padding: 0; align-items: center; } .main-navigation-divided ul { text-align: center; margin: 0; padding: 0; } .site-header { background: transparent; position: relative; width: 100%; top: 0; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 30000; } .site-header ul { text-transform: uppercase; font-size: 11px; font-weight: 500; letter-spacing: 0.15em; } #primary-menu li a { cursor: pointer; } #primary-menu li a:hover { color: #fff; } .sticky-nav .container { display: flex; height: 52px !important; flex-direction: row-reverse; } .sticky-nav #site-navigation { background: none; } .sticky-nav .top-logo { margin: 0 10px; width: 100px; height: 52px; display: block; background-image: url("images/cad_grd_logo_icon_fullcolor.png"); background-size: 53px; background-repeat: no-repeat; } .sticky-nav img { width: 100px; } .sticky-nav .main-navigation-divided { justify-content: flex-end; } .main-navigation-divided .sub-menu, .main-navigation-divided .sub-menu li { display: block !important; margin: 0; padding: 6px; width: 220px; } .main-navigation-divided .sub-menu li a:hover { color: #eab000 !important; } .main-navigation-divided ul li a:before { position: absolute; content: ""; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; opacity: 0; left: 15%; right: 15%; top: 0; bottom: 0; } .main-navigation-divided ul li a:hover:before { left: 0; right: 0; opacity: 1; } .mobile-menu .sub-menu a:before, .social-media-icons a:before, .sub-menu a:before { display: none !important; } .sub-menu li a { padding: 10px 15px 10px 10px !important; } .custom-logo { float: left; max-width: 300px; height: auto; padding-top: 5px; position: relative; } #site-navigation { width: 100%; font-weight: 900; background: #eab000; padding: 15px; } .bottom-menu { display: flex; align-items: center; margin: 20px auto; max-width: 1000px; } .top-logo { flex-basis: 60%; } .top-logo img { display: block; margin: 0 auto; width: 200px; } .search-right, .social-left { flex-basis: 20%; } .social-left h4 { margin: 0; text-transform: uppercase; letter-spacing: 0.2em; font-size: 0.7em; text-align: center; color: #31464f; font-weight: 400; } .social-left .social-media-icons a { margin: 0 12px; font-size: 1.3em; color: #31464f; } .search-right .search-form label input { padding: 12px; margin: 0; width: 100%; } .search-field, .search-right .search-field { border: 1px solid #31464f; /*! border-left: none; */ /*! border-right: none; */ /*! border-top: none; */ font-family: Arial, FontAwesome; color: #31464f; border-radius: 30px; } .search-right .search-field::placeholder { color: #31464f; opacity: 1; } .search-right .search-field:-ms-input-placeholder { color: #31464f; } .search-right .search-field::-ms-input-placeholder { color: #31464f; } .search-right .search-submit { display: none; } .main-navigation-divided ul li { padding: 0 10px; display: table-cell; font-weight: bold; } .sticky-nav { background: #fff; -webkit-box-shadow: 0 0 10px grey; box-shadow: 0 0 10px grey; position: fixed; } .sticky-nav a { color: #222 !important; } .sticky-nav .full-logo { visibility: hidden; } .sticky-nav .custom-logo { margin: 0; } .sticky-nav h1 { font-size: 20px; min-width: 300px; margin: 5px; padding: 0; } .sticky-nav p { display: none; } .green { color: red !important; } .nosticky { position: initial !important; } .site-header ul ul { -webkit-box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.2); box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.2); float: left; position: absolute; left: -999em; z-index: 99999; margin: 0; padding: 0; background: #fff; letter-spacing: 0.15em; width: 200px; } .site-header ul ul li { margin-top: 5px; float: left; width: 150px; } .main-navigation ul ul ul { left: -999em; top: 0; } .main-navigation-divided ul ul li.focus > ul, .main-navigation-divided ul ul li:hover > ul { left: 100%; } .main-navigation-divided ul ul a { width: 200px; } .main-navigation-divided ul li.focus > ul, .main-navigation-divided ul li:hover > ul { left: auto; } .main-navigation-divided li a { position: relative; } .main-navigation-divided a { display: block; text-decoration: none; } #site-navigation .social-media-icons { display: none; } .sticky-nav #site-navigation .social-media-icons { display: inline; } .sticky-nav .bottom-menu .search-right, .sticky-nav .bottom-menu .social-left { display: none; } .sticky-nav .bottom-menu { margin: 0; } .social-media-icons { list-style-type: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-top: 8px; padding: 0; margin-left: 0; } .social-media-icons li { padding-right: 3px !important; } .social-media-icons a:focus, .social-media-icons a:hover { color: #888; } .about-content .social-media-icons li .fa-search, .about-widget-wrapper .social-media-icons li .fa-search, .logo-container .social-media-icons li .fa-search { display: none; } .menu-icon { cursor: pointer; display: none; padding: 10px 20px; position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; clear: both; right: 0; z-index: 999999999; top: 4px; } .menu-icon .navicon { background: #222; display: block; height: 3px; position: relative; -webkit-transition: background 0.2s ease-out; -o-transition: background 0.2s ease-out; transition: background 0.2s ease-out; width: 23px; } .sticky-nav .menu-icon .navicon, .sticky-nav .menu-icon .navicon:after, .sticky-nav .menu-icon .navicon:before { background: #222 !important; } .site-header .menu-icon .navicon:after, .site-header .menu-icon .navicon:before { background: #333; content: ""; display: block; height: 100%; position: absolute; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; width: 100%; } .site-header .menu-icon .navicon:before { top: 6px; } .site-header .menu-icon .navicon:after { top: -6px; } .mobile-menu { background: #222; color: #fff; left: 0; width: 100%; -o-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1); transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1); -webkit-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1); -moz-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1); -webkit-box-sizing: border-box; box-sizing: border-box; top: 0; position: absolute; z-index: 0; opacity: 0.9; height: 0; overflow: hidden; display: none; } .mobile-menu ul { padding: 0; margin: 0; list-style-type: none; } .mobile-menu a, .mobile-menu li { color: #fff !important; margin: 0; padding: 20px; cursor: pointer; } .mobile-menu li:focus, .mobile-menu li:hover { background-color: #111; } .mobile-menu .menu-item-has-children a:before { content: "+ "; } .mobile-menu li:focus .sub-menu, .mobile-menu li:hover .sub-menu { display: block !important; max-height: 900px !important; } .mobile-menu .sub-menu a:before { content: ""; } .mobile-menu .sub-menu { overflow: hidden !important; max-height: 0 !important; -webkit-transition: all 0.5s ease-out !important; background: transparent; position: relative; float: none; -webkit-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0; color: #222; left: 0; } .mobile-menu .sub-menu li { width: 100%; } .site-header .menu-btn { display: none; } .site-header .menu-btn:checked ~ .mobile-menu { height: 800px; -webkit-transition: height 1s cubic-bezier(0.42, 0, 0.58, 1); -o-transition: height 1s cubic-bezier(0.42, 0, 0.58, 1); transition: height 1s cubic-bezier(0.42, 0, 0.58, 1); -webkit-transition: padding 1s cubic-bezier(0.42, 0, 0.58, 1); -o-transition: padding 1s cubic-bezier(0.42, 0, 0.58, 1); transition: padding 1s cubic-bezier(0.42, 0, 0.58, 1); -webkit-transition: all 1s cubic-bezier(0.42, 0, 0.58, 1); -moz-transition: all 1s cubic-bezier(0.42, 0, 0.58, 1); } .site-header .menu-btn:checked ~ .menu-icon .navicon { background: transparent; } .site-header .menu-btn:checked ~ .menu-icon .navicon:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background: #fff; } .site-header .menu-btn:checked ~ .menu-icon .navicon:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #fff; } .site-header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after, .site-header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before { top: 0; } .site-main .comment-navigation, .site-main .post-navigation, .site-main .posts-navigation { margin: 50px auto; padding: 10px; overflow: hidden; width: 60%; grid-column: 1/-1; } .comment-navigation .nav-previous, .post-navigation .nav-previous, .posts-navigation .nav-previous { -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: right; padding-right: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 50%; } .comment-navigation .nav-next, .post-navigation .nav-next, .posts-navigation .nav-next { text-align: left; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 50%; position: relative; } .nav-next:after { content: "\2192"; font-size: 30px; font-weight: bold; right: 0; left: auto; position: absolute; } .nav-previous:before { content: " \2190"; font-size: 30px; font-weight: bold; } .nav-next:hover, .nav-previous:hover { color: #aaa; } .nav-next a, .nav-previous a { font-weight: bold; text-transform: uppercase; letter-spacing: 0.1em; } .nav-next a { padding-right: 40px; } .nav-links { display: -webkit-box; display: -ms-flexbox; display: flex; } .nav-previous-home { margin-left: 30px; font-weight: bold; font-size: 17px; letter-spacing: 0.2em; text-transform: uppercase; padding: 10px; background: #e5b626; margin-bottom: 50px; } .nav-previous-home a { color: #212121; } .nav-previous-home:hover { cursor: pointer; background: #314750; } .nav-previous-home:hover a { color: #fff; } .nav-previous-home a:before { content: "\2190"; font-size: 20px; } .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; 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; } #content[tabindex="-1"]:focus { outline: 0; } .alignleft { float: left; margin-right: 1.5em; } .alignright { float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .clear:after, .clear:before, .comment-content:after, .comment-content:before, .entry-content:after, .entry-content:before, .site-content:after, .site-content:before, .site-footer:after, .site-footer:before, .site-header:after, .site-header:before { content: ""; display: table; table-layout: fixed; } .clear:after, .comment-content:after, .entry-content:after, .site-content:after, .site-footer:after, .site-header:after { clear: both; } .widget { margin: 0 0 1.5em; } .widget select { max-width: 100%; } .widget li { text-align: center; text-transform: uppercase; letter-spacing: 0.1em; font-size: 11px; font-weight: bold; padding: 0 !important; margin-bottom: 5px !important; margin-left: 5px !important; } .widget li a { margin-left: 10px; } .widget li:before { content: "" !important; } .widget li:hover { background: #fff; } .widget span { padding: 0 10px; } .widget h2 { font-size: 1.7em !important; text-align: center; margin: 0; padding: 10px; line-height: 1.4em; font-family: "Mogan", serif; font-weight: normal; text-transform: lowercase; } .widget p { text-align: center; } .widget ul { margin: 0; padding: 0; list-style-type: none; } .widget ul li { margin-bottom: 20px; margin-left: 30px; } .widget ul li:before { content: "\27A4"; padding-right: 10px; margin-left: -30px; } .search-form label input { border-radius: 0; width: 100%; padding: 10px; margin: 7px auto; text-transform: uppercase; font-size: 11px; letter-spacing: 0.2em; display: block; } .search-submit { width: 100%; background: #f7f7f7 !important; text-transform: uppercase; border: none !important; height: 100%; cursor: pointer; border-radius: 0 !important; padding: 14px !important; letter-spacing: 0.3em; width: 100%; margin: 0 auto; display: block; font-weight: bold; } .search-submit:hover { background: #222 !important; color: #fff !important; } .container-centered, .content-area, .page-layout { max-width: 1400px; margin-left: auto; margin-right: auto; overflow: hidden; } .entry-content .disclaimer { padding: 0 25px; display: block; text-align: center; } .sticky { display: block; } .updated:not(.published) { display: none; } .spacer { min-height: 100px; display: block; width: 100%; } .entry-content, .entry-summary, .page-content { padding: 20px 20px 30px 30px; background: #fff; } .site-main { min-height: 1000px; } .page-links { clear: both; margin: 0 40px; } #primary { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; } #primary.sidebar-left { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } #main { -webkit-box-flex: 60%; -ms-flex: 60%; flex: 70%; min-width: 0; } #secondary { -webkit-box-flex: 20%; -ms-flex: 20%; flex: 20%; padding: 0 30px 30px; max-width: 360px; margin: 0 auto; } #main article { margin: 30px; -ms-word-wrap: break-word; word-wrap: break-word; } #main .entry-header { padding: 10px 20px; } .entry-header p { font-size: 1.4em; font-weight: lighter; } .entry-content figure, .entry-content img { margin: 0 auto; float: none; display: block; } #primary.content-area { } #main article .entry-content p { font-size: 1.2em; } article ol, article ul { margin-left: 0; padding-left: 0; } .entry-content ol, .entry-content ul { margin-left: 30px; } .entry-content h2 { font-family: "Mogan", serif; font-weight: normal; text-transform: lowercase; font-size: 1.8em; } #main article form { padding: 0 40px; } #contact-respond .contact-submit, .more-link { display: inline-block; background: #333; border: none; color: #fff; text-align: center; width: 150px; text-transform: uppercase; font-size: 12px; padding: 10px 0; letter-spacing: 0.17em; margin: 20px auto 50px; } .more-link:focus, .more-link:hover { color: #222; background: #fff; border: 2px solid #222; } #main .posts-grid .sticky .more-link { margin: 10px auto; display: block; border: 2px solid #222; } .site-footer { background: #313131; color: #fff; text-align: center; text-transform: uppercase; font-size: 11px; letter-spacing: 0.2em; padding: 20px 0 0; } .footer-wrapper { display: grid; } .footer-wrapper .logo-container { grid-column: 1; grid-row: 1 / 2; } .logo-container img { width: 300px; } .footer-menu .footer-menu { grid-column: 2; } .footer-menu .menu-main-menu-container { padding: 30px; border-bottom: 1px solid #aaa; width: 80%; margin: 0 auto; display: block; } .footer-menu ul { width: 75%; display: inline-block !important; margin: 0 auto; } .footer-menu .sub-menu { display: none !important; } .bottom-search { padding: 25px 20px 50px; } .bottom-search .search-submit { display: none; } .bottom-search .search-field { width: 80%; } .site-footer ul { list-style-type: none; margin: 0; padding: 0; display: inline; } .logo-container .social-media-icons { display: block; width: 180px; margin: 0 auto; } .site-footer li { padding: 5px; display: inline; font-size: 14px; letter-spacing: 0.2em; } .site-info { background: #444; padding: 10px; color: #fff; margin: 0; } .site-footer a { color: #fff; } figcaption { letter-spacing: 0.1em; } .page-header { margin: 32px auto 0; width: 95%; } .page-title { text-align: center; } .page-title .curved { font-size: 0.5em; display: block !important; margin: 0; padding: 0; letter-spacing: 0.3em; } .subcategories { text-transform: uppercase; font-size: 13px; letter-spacing: 0.2em; text-align: center; } .subcategories a:after { content: " \2023 "; } .subcategories a:last-of-type:after { content: ""; } .subcategories a.current { font-weight: bold !important; } .archive-description p { font-size: 16px; margin: 0; } .posts-grid article { display: flex; align-items: center; } .posts-grid .entry-header { padding: 0 !important; } .posts-grid article a { border-bottom: none; } .posts-grid .article-grid { display: inline-table; width: 42%; vertical-align: top; } .article-grid img { height: 600px; object-fit: cover; } .posts-grid article a:hover { border-bottom: none; color: #e9af00; } .home-blocks { display: flex; flex-wrap: wrap; } .home-blocks .home-box { flex-basis: 25%; padding: 60px 30px 10px; text-align: center; } .home-blocks .home-box .post-thumbnail img { width: 100%; height: 300px; object-fit: cover; } .home-blocks .nav-previous-home { flex-basis: 100%; text-align: center; font-size: 0.8em; } .home-blocks .nav-previous-home a:before { display: none; } .blog-entry-footer { display: flex; align-item: center; border-bottom: 1px solid #ccc; padding-bottom: 20px; } .blog-entry-footer .read-more { -ms-flex-preferred-size: 50%; flex-basis: 50%; text-transform: uppercase; letter-spacing: 0.2em; font-weight: normal; color: #222; font-size: 14px; border: none; } .blog-entry-footer .read-more:after { content: " \2192"; } .blog-entry-footer .social-btn { -ms-flex-preferred-size: 50%; flex-basis: 50%; text-align: right; justify-content: flex-end; } .blog-entry-footer .social-btn a { color: #222; margin: 0 10px; border: none; } .posts-grid .entry-content { flex-basis: 60%; } .posts-grid .post-thumbnail { flex-basis: 40%; } .page-layout .entry-title { font-size: 3em; text-transform: uppercase; } #main .entry-content li { font-size: 1.2em; margin-bottom: 10px; letter-spacing: 0.02em; } .about-widget-wrapper { text-align: center; position: relative; } .about-widget-wrapper h3 { font-size: 1.5em; margin: 15px 5px; } .about-widget-wrapper a { font-weight: bold; letter-spacing: 0.1em; } .about-widget-wrapper img { border-radius: 100%; margin-top: 30px; height: 300px; object-fit: cover; } .about-widget-wrapper .social-media-icons li { padding: 5px; } .about-widget-wrapper p { margin-bottom: 0; } .widget_custom_html img { margin: 0 auto; display: block; padding: 10px 0; } .null-instagram-feed a { font-weight: bold; } .null-instagram-feed .follow-link { text-align: center; font-size: 12px; display: block; text-transform: uppercase; letter-spacing: 0.1em; } .signup-wrapper { background: #068d9d; color: #fff; letter-spacing: 0.1em; font-size: 13px; padding: 15px 15px 20px; background-size: 75%; } .signup-wrapper h3 { font-family: "Rockford Sans", sans-serif; font-size: 16px; text-align: center; line-height: 1.3em; } .signup-wrapper strong { color: #e5b626; } #mc_embed_signup .button { border-radius: 0 !important; text-align: center; width: 100% !important; display: block !important; margin: 0 auto !important; text-transform: uppercase; letter-spacing: 0.1em; background: #e5b626 !important; color: #212121 !important; font-family: "Rockford Sans", sans-serif; padding: 10px !important; letter-spacing: 0.2em; height: 45px !important; } #mc_embed_signup .mc-field-group { width: 100% !important; } #mc_embed_signup form { padding: 0 !important; } .featured-widget-wrapper { } .featured-widget-wrapper a { display: block; background: #e5b626; padding: 5px; text-transform: uppercase; font-weight: bold; letter-spacing: 0.1em; width: 100%; margin: 0 auto; border: 1px solid #e5b626; text-align: center; font-size: 0.8em; } .featured-widget-wrapper a:hover { background: transparent; border: 1px solid #e5b626; } .wp-block-image img { margin: 0 auto; display: block; } .wp-block-quote { border: none !important; display: block; margin: 25px auto !important; padding: 10px; width: 80%; } .wp-block-quote p, blockquote p { z-index: 9; font-size: 20px; position: relative; text-align: center; font-weight: bold; letter-spacing: 0.1em; } .is-style-large p { font-style: normal !important; } blockquote { text-align: center !important; } cite { color: inherit !important; } .wp-block-pullquote { border: none; margin: 25px auto; } .wp-block-table td, .wp-block-table th, table td, table th { padding: 10px 20px; border: 1px solid #eee; word-break: break-all; border: none; } .wp-block-table tr:nth-child(even), table tr:nth-child(even) { background-color: #f9f9f9; } .wp-block-cover-text { text-transform: uppercase; font-weight: bold; letter-spacing: 0.15em; } #main .entry-content figure a { border-bottom: none; } .wp-block-pullquote.is-style-solid-color blockquote { background: #fff; } .wp-block-pullquote cite, .wp-block-quote cite { text-transform: uppercase !important; letter-spacing: 0.1em !important; font-size: 0.7em; } .wp-block-pullquote blockquote p { font-size: 1.5em !important; font-weight: normal !important; font-family: "Mogan", serif; color: #222; letter-spacing: 0.05em; } .wp-block-pullquote.is-style-solid-color { background-image: url("images/mustard-back.svg"); background-repeat: repeat-x; background-size: 50%; } .comment-content a { word-wrap: break-word; } .bypostauthor .comment-body { display: block; background: #ffdd74; } .bypostauthor .children .comment-body { background: #f9f2e9 !important; } .bypostauthor .children .comment-body .comment-metadata a, .bypostauthor .children .comment-body .reply a { color: #888 !important; } .bypostauthor .comment-metadata a, .bypostauthor .reply a { color: #212121; } #comments { padding: 20px; } .relatedposts { display: flex; flex-wrap: wrap; } .relatedposts h3 { font-size: 2em; flex-basis: 100%; text-align: center; } .relatedposts .curved { display: block !important; font-size: 1.2rem; } .relatedthumb { flex-basis: 50%; padding: 20px; } .relatedthumb a { font-weight: bold; letter-spacing: 0.05em; font-size: 19px; } .relatedthumb .thumb-container img { height: 300px; object-fit: cover; } #reply-title { font-size: 1.8em; text-transform: inherit; letter-spacing: 1; margin: 0; text-align: center; } #reply-title .curved { display: block !important; text-transform: uppercase; letter-spacing: 0.2em; font-size: 0.6em; } .form-submit input { text-align: center; width: 200px; text-transform: uppercase; border: none; font-size: 15px; font-weight: bold; padding: 10px 0; letter-spacing: 0.1em; border-radius: 0; border: 1px solid #e5b626; background: #e5b626; width: 100%; } .form-submit input:hover { cursor: pointer; color: #e5b626; background: #fff; border: 1px solid #e5b626; } .comment-author { letter-spacing: 0.1em; } .comment-author img { float: left; padding-right: 10px; } .comment-author .fn { text-transform: uppercase; font-size: 15px; } .comment-metadata, .reply { display: inline-block; max-width: 350px; font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; } .reply { padding: 10px; } .comment-content p { padding: 10px; } .comment-metadata a, .reply a { color: #999; } #comments .comment-body { padding: 20px; background: #f9f9f9; } #comments .says { display: none; } #comments .comment-list { margin: 0; } #comments .children, #comments .comment-list { padding: 0; list-style-type: none; } #comments #respond { padding: 20px; letter-spacing: 0.1em; font-size: 14px; } #comments #respond .comment-form-comment label { text-transform: uppercase; } #comments #respond .comment-form-comment textarea { margin-top: 10px; border-radius: 0; } #comments .comments-title { font-size: 1.3em; text-align: center; text-transform: uppercase; } .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none; } .infinity-end.neverending .site-footer { display: block; } .comment-content .wp-smiley, .entry-content .wp-smiley, .page-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } embed, iframe, object { width: 100%; } .custom-logo-link { display: inline-block; } .wp-caption { margin-bottom: 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 1em; } .wp-caption-text { text-align: center; } .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } body.page-template-sign-up-page #masthead, body.page-template-sign-up-page #masthead, body.page-template-sign-up-page .background-line2, body.page-template-sign-up-page .top-bar { display: none; } body.page-template-sign-up-page .site-main { min-height: auto; } #newsletter-signup { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: calc(100vh + 270px); } .flex-container { background-image: url("https://littlethemeshop.com/grillotesting/wp-content/uploads/sites/55/2020/05/grillo-signup.png"); -ms-flex-preferred-size: 50%; flex-basis: 50%; background-position: center; background-size: cover; } .mailchimp-container { -ms-flex-preferred-size: 50%; flex-basis: 50%; font-family: "Raleway", sans-serif; padding-top: 8%; } .mailchimp-container form { margin: 10% auto; width: 80%; text-transform: uppercase; font-size: 12px; letter-spacing: 0.1em; } #mc_embed_signup .button { background-color: #222 !important; text-transform: uppercase; letter-spacing: 0.3em; font-size: 12px !important; width: 100% !important; color: #fff !important; } #mc_embed_signup .button:hover { background-color: #ffcb46 !important; color: #222 !important; } #mc_embed_signup h2 { font-size: 70px !important; text-align: center; } #mc_embed_signup .indicates-required { display: none; } @media screen and (max-width: 600px) { #newsletter-signup { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: auto; } .mailchimp-container form { margin-top: 0; } #newsletter-signup .flex-container { min-height: 350px; } #mc_embed_signup h2 { font-size: 50px !important; } } #contact-respond .error { padding: 5px 9px; border: 1px solid red; color: red; border-radius: 3px; } #contact-respond .success { padding: 5px 9px; border: 1px solid green; color: green; border-radius: 3px; } #contact-respond form span { color: red; } #contact-respond input, #contact-respond label, #contact-respond textarea { width: 100%; font-size: 13px; color: #222; letter-spacing: 0.1em; text-transform: uppercase; padding: 10px 10px 10px 4px; } #contact-respond .contact-submit:hover { background: #777; cursor: pointer; } .contact-section { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 600px; } .contact-section .contact-info-container { -ms-flex-preferred-size: 50%; flex-basis: 50%; padding: 30px; margin-top: 50px; } .contact-section .contact-info-container h2 { font-size: 100px; margin: 0; } .contact-section #contact-respond { -ms-flex-preferred-size: 50%; flex-basis: 50%; } #contact-respond form { } .contact-section .contact-info-container .contact-info { display: inline-block; vertical-align: top; } .contact-section .contact-info-container p { font-size: 18px; letter-spacing: 0.08em; } .contact-section .contact-info-container .contact-icons span { padding: 11px 0; font-size: 20px; margin-right: 15px; } .contact-section .contact-info-container .contact-icons { font-size: 18px; letter-spacing: 0.08em; word-break: break-all; } .contact-icons .fa-map { float: left; } .address-block { display: inline-block; } .address-block p { margin: 10px 0; } .widgets-section { padding: 10px; align-items: center; } .widgets-section .widget { width: 100%; /*! margin: 15px; */ } .widgets-section h2 { font-family: "Rockford Sans", sans-serif; } #contact-respond { margin: 0 30px; } .subscribe-recent-section { padding: 50px; margin-bottom: 30px; } .subscribe-recent-wrapper { display: flex; align-items: stretch; } .subscribe-box { background-image: url("images/mustard-back.svg"); flex-basis: 40%; margin: 0 50px 0 20px; background-size: cover; background-repeat: no-repeat; } .subscribe-box .subscribe-form { background: #fff; margin: 60px; padding: 30px; } #secondary .subscribe-box { margin: 0; padding: 15px 0; } #secondary .subscribe-box .subscribe-form { padding: 10px; margin: 20px; } #mc_embed_signup { font-family: "Rockford Sans", sans-serif !important; letter-spacing: 0.1em; text-transform: uppercase; font-size: 0.7em !important; } #mc_embed_signup .button { line-height: inherit !important; } .subscribe-form h3 { text-align: center; font-size: 1.8em; } .subscribe-form p { line-height: 1.2em; } .subscribe-recent-wrapper .recent-posts { flex-basis: 60%; } .recent-posts .recent-blog-box { display: flex; flex-wrap: nowrap; align-items: center; } .recent-blog-box img { min-width: 200px; width: 200px; min-height: 150px; height: 150px; object-fit: cover; } .recent-blog-box-title { margin: 0; padding: 10px; height: auto; font-size: 1.2em; } .recent-posts h3 { text-transform: uppercase; letter-spacing: 0.2em; margin-top: 0; font-size: 1.4em; border-bottom: 1px solid #999; padding-bottom: 8px; } .howirent-section { background-image: url("images/buythebook-pattern.svg"); background-repeat: no-repeat; background-size: 100%; padding: 120px 100px; } .whitebox { padding: 50px 20px; background: #fff; min-height: 450px; display: flex; max-width: 1300px; margin: 0 auto; } .howirent-wrapper .howirent-content { flex-basis: 45%; align-self: center; padding-right: 50px; font-size: 1.1em; } .howirent-wrapper .howirent-content .howirent-headline { font-size: 4.5em; margin: 0; font-family: "Mogan", serif; text-transform: lowercase; } .howirent-wrapper .image-wrapper { flex-basis: 55%; overflow: visible; display: flex; justify-content: flex-end; } .howirent-link { display: block; background: #e8af00; font-weight: bold; letter-spacing: 0.2em; text-transform: uppercase; padding: 8px; font-size: 0.8em; } .howirent-link:hover { background: #222; color: #e9af00; } .howirent-wrapper .image-wrapper .image1wrap { width: 450px; height: 500px; overflow: hidden; margin-top: -134px; position: absolute; margin-right: -20px; } .howirent-wrapper .image-wrapper .image1wrap img { margin-top: -10%; } .howirent-wrapper .image-wrapper .image2wrap { width: 400px; height: 400px; overflow: hidden; position: absolute; margin-top: 110px; margin-right: 250px; } .howirent-wrapper .image-wrapper .image2wrap img { object-fit: cover; width: 450px; height: 450px; } .subscribe-recent-section .buythebook-section { margin: 0; height: 100%; } @media screen and (max-width: 1100px) { .buythebook-wrapper { flex-direction: column-reverse; } } .buythebook-section { background: #e0e1e2; background-image: url("images/white-dots-book.svg"); background-repeat: no-repeat; background-position: top left; margin: 60px 0 60px 30px; } .buythebook-wrapper { padding: 30px; display: flex; align-items: center; } .buythebook-content, .buythebook-wrapper .image-wrapper { flex-basis: 50%; } .buythebook-content .buythebook-headline { font-size: 3.3em; font-family: "Mogan", serif; margin: 0; text-transform: lowercase; } .buythebook-content { font-size: 1.2em; padding-right: 30px; } .buythebook-link { display: block; padding: 8px; text-transform: uppercase; font-weight: bold; letter-spacing: 0.1em; background: #d0a485; font-size: 0.8em; } .buythebook-link:after { content: " \2192"; } .buythebook-link:hover { background: #222; } .about-section { padding: 30px 0 50px; } .about-wrapper { display: flex; align-items: center; flex-direction: row-reverse; } .about-wrapper img { max-height: 600px; box-shadow: 25em 20em #e5b626; object-fit: cover; min-width: 100%; } .about-wrapper .image-wrapper { font-size: 1.2rem; overflow: hidden; padding: 0 30px 30px 0; flex-basis: 50%; } .about-wrapper .about-content { flex-basis: 50%; color: #fff; text-align: center; font-size: 20px; padding: 30px; } .about-content h2 { font-size: 80px; margin: 0; } .about-content span { color: #e5b626; } .about-content .social-media-icons { margin: 0 auto; display: block; width: auto; } .about-content .social-media-icons li, .about-widget-wrapper .social-media-icons li { margin: 0 10px !important; background: transparent; border: none; font-size: 1em; } .services-section { position: relative; z-index: 2; } .project-wrapper { display: flex; flex-wrap: wrap; padding: 50px; } .service-item { display: flex; padding: 0 30px; flex-direction: column; flex-basis: 50%; } .project-wrapper:before { background-image: url("images/scribble.png"); background-repeat: no-repeat; background-size: 100%; content: "\00A0"; width: 237px; height: 250px; margin-top: -80px; margin-left: -100px; position: absolute; z-index: -1; } .service-item:last-child:after { background-image: url("images/whitedots.png"); background-repeat: no-repeat; background-size: 100%; content: "\00A0"; width: 237px; height: 250px; position: absolute; z-index: -1; margin-left: 500px; margin-bottom: -100px; } .service-item:nth-of-type(even) { flex-direction: column-reverse; } .service-item h3 { font-size: 2em; text-transform: uppercase; } .service-item h3:before { content: "//// "; color: #e9af00; } .service-item p { font-size: 1.2em; } .services-info a { padding: 5px 10px; background: #e9af00; font-weight: bold; text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.8em; } .services-info a:after { content: "\00A0 \00A0 \2192"; position: relative; bottom: 1px; } .services-info a:hover { background: #222; color: #e9af00; } .services-image { height: 100%; margin-top: 50px; } .services-image img { width: 100%; height: 100%; object-fit: cover; } .blog-posts-section { padding: 10px 50px 50px; position: relative; overflow: visible; } .blog-posts-wrapper { display: flex; } .blog-box { flex-basis: 33%; margin: 0 20px; height: 600px; background-size: 100%; background-color: rgba(255, 255, 255, 0.8); position: relative; } .blog-box-title { background: rgba(255, 255, 255, 0.9); padding: 20px; margin: 20px; position: absolute; bottom: 0; font-size: 1.4em; min-height: 140px; text-align: center; display: flex; } .blog-title-center { margin: auto; display: block; justify-self: center; } .overlay-color { display: block; width: 100%; height: 100%; } .mission-section { text-align: center; padding: 50px; } .mission-headline, .mission-section h2 { font-size: 35px; } .mission-section .inspiring { color: #e5b626; } .mission-section p { width: 70%; display: block; margin: 0 auto; font-size: 19px; } .your { color: #d7263d !important; } .creativity { color: #068d9d; } .sheetSlider { background-color: transparent !important; min-height: 600px; } .sheetSlider .sh__item img { min-height: 550px; object-fit: cover; box-shadow: -20em 15em #e5b626; } .sheetSlider .sh__item .image-wrapper { font-size: 1.2rem; width: 50%; vertical-align: middle; display: inline-block; overflow: hidden; padding: 0 0 30px 30px; } .sheetSlider .sh__meta { position: relative; display: inline-block; text-shadow: inherit; width: 40%; vertical-align: middle; } .sheetSlider .sh__meta h4 { } .sheetSlider .sh__meta span { font-weight: lighter; color: #444; font-size: 19px; } .slider-more { font-size: 17px; text-transform: uppercase; letter-spacing: 0.2em; border-bottom: 2px solid #e5b626 !important; color: #e5b626 !important; font-weight: bold !important; } .slider-more:hover { color: #e5b626 !important; background: transparent !important; border-bottom: 5px solid #e5b626 !important; } .sheetSlider .sh__meta h4, .sheetSlider .sh__meta h4 a { color: #212121; } @media screen and (max-width: 1350px) { .howirent-wrapper .image-wrapper .image1wrap { width: 350px; height: 400px; } .howirent-wrapper .image-wrapper .image2wrap { width: 300px; height: 300px; } } @media screen and (max-width: 1215px) { .howirent-section { padding: 70px 50px; } } @media screen and (max-width: 1099px) { .howirent-wrapper .howirent-content .howirent-headline { font-size: 3em; } } @media screen and (max-width: 1000px) { .blog-blocks { flex-basis: 29%; } .bottom-menu { max-width: 800px; } .subscribe-box .subscribe-form { margin: 30px; } .recent-posts h3 { font-size: 1.1em; } .subscribe-form h3 { font-size: 1.3em; } .home-blocks .home-box { flex-basis: 48%; } .home-blocks .home-box .post-thumbnail img { height: 400px; } } @media screen and (max-width: 950px) { .whitebox { flex-direction: column-reverse; } .howirent-wrapper .howirent-content, .howirent-wrapper .image-wrapper { flex-basis: 100%; } .howirent-wrapper .image-wrapper { justify-content: center; } .howirent-wrapper .image-wrapper .image1wrap, .howirent-wrapper .image-wrapper .image1wrap img, .howirent-wrapper .image-wrapper .image2wrap, .howirent-wrapper .image-wrapper .image2wrap img { width: 400px; height: 400px; margin: 0; object-fit: cover; position: relative; padding: 10px; } .howirent-section, .whitebox { padding: 20px; } .howirent-section { background-repeat: repeat-y; } .howirent-wrapper .howirent-content { padding: 20px 0 0; } } @media screen and (max-width: 900px) { .mobile-menu { display: block; z-index: 99999; } .container-centered .custom-logo { margin: 0; } #site-navigation li { display: none; } .menu-btn, .menu-icon { display: inline-block; } .sticky-nav .menu-icon { top: 14px; } #masthead .social-media-icons, .bottom-menu .search-right, .bottom-menu .social-left { display: none; } .bottom-menu .top-logo { flex-basis: 100%; } .site-footer .social-media-icons { display: block; } .sticky-nav #site-navigation, .sticky-nav .site-branding { display: inherit; justify-content: inherit; vertical-align: inherit; } .mobile-menu .social-media-icons { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; position: relative; margin-left: 40px; } .mobile-menu .social-media-icons li { padding: 0; } .mobile-menu .social-media-icons li:hover { background: transparent; } .mobile-menu .social-media-icons a:focus, .mobile-menu .social-media-icons a:hover { color: #999; } .mobile-menu .social-media-icons { border-top: 1px solid #d2d2d2; width: 80%; padding-top: 20px; } .blog-blocks { flex-basis: 28% !important; } .top-bar { display: none; } .blog-box { height: 400px; } .subscribe-wrapper h3 { padding: 0 10px; } .container-centered { padding-bottom: 0; } } @media screen and (max-width: 800px) { .first-word { font-size: 33px !important; } .blog-posts-wrapper { display: block; } .subscribe-button a, .subscribe-wrapper h3 { font-size: 20px; } .entry-title, .sticky-header .sticky-content h2, .sticky-title { font-size: 25px; } .posts-grid article h2 { font-size: 20px; } .widgets-section { flex-direction: column; } .blog-box { background-size: 100%; margin: 10px auto; } .blog-title-center { width: 100%; } .blog-box-title { width: 100%; min-height: auto; margin-left: auto; margin-right: auto; left: 0; right: 0; } .subscribe-recent-wrapper { flex-wrap: wrap; } .buythebook-content .buythebook-headline { font-size: 2em; } .subscribe-recent-wrapper .recent-posts, .subscribe-recent-wrapper .subscribe-box { flex-basis: 100%; margin: 20px 0; } .project-wrapper, .subscribe-recent-section { padding: 20px; } .blog-posts-section { padding: 10px 20px 20px; position:relative; } .nav-previous-home { margin: 50px 30px; } } @media screen and (max-width: 768px) { .service-item h3 { font-size: 1.5em; } .buythebook-wrapper { flex-direction: column-reverse; } .buythebook-content { padding: 20px 0 0; } .buythebook-section { margin: 0 0 30px; } .service-item { padding: 0 10px; } .posts-grid .article-grid { display: block; width: 100%; padding: 10px; margin: 0 !important; } .article-grid img { width: 100%; } } @media screen and (max-width: 600px) { .sharethis-text { display: none; } .mission-section { padding: 30px 10px; } .mission-section p { width: 90%; } .footer-wrapper, .posts-grid article { display: block; } .entry-content, .entry-summary, .page-content { padding: 10px; } #main article { margin: 10px; } .footer-menu .menu-main-menu-container, .footer-wrapper .logo-container { width: 100%; } .howirent-wrapper .image-wrapper .image1wrap, .howirent-wrapper .image-wrapper .image1wrap img, .howirent-wrapper .image-wrapper .image2wrap, .howirent-wrapper .image-wrapper .image2wrap img { padding: 3px; } .home-blocks .home-box { padding-left: 20px; } .posts-grid, .sticky-header { display: block; } .sticky-header .post-thumbnail { padding: 0 0 15px 15px; } .sticky-header .post-thumbnail img { margin: 0 auto 20px; display: block; max-height: 350px; box-shadow: -20em 1em #e5b626; width: 100%; } .sticky-header { padding: 0 15px 15px; margin: 0 auto; display: block; } .sticky-content p { padding-bottom: 30px !important; } } @media screen and (max-width: 500px) { #primary { display: block; } .sticky-nav h1 { min-width: auto; } .site-title { font-size: 27px; width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .container-centered .site-branding { margin-left: 0; } .container-centered { margin-bottom: 0; } .container-centered .site-title { padding-bottom: 0; } .site-description { display: none; } .site-header .top-logo { width: 100px; } .site-branding { width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; text-align: center; margin-left: 25px; } #main article { margin: 0 10px 20px; } #main .page-layout .entry-title { font-size: 2em; } #main .cat-head { font-size: 10px; } #main .entry-meta { font-size: 10px; letter-spacing: 0.5em; } #main .entry-meta span { margin: 0 3px; } #main article p { padding: 10px 0; margin: 0; } .wp-block-pullquote p { font-size: 25px; } #main .flex-footer-container { padding: 10px; } .flex-footer-container .social-box { -ms-flex-preferred-size: 100%; flex-basis: 100%; text-align: center; } .flex-footer-container .tags-links { -ms-flex-preferred-size: 100%; flex-basis: 100%; text-align: center; } .site-main .comment-navigation, .site-main .post-navigation, .site-main .posts-navigation { width: 100%; } .site-footer > div { -ms-flex-preferred-size: 100%; flex-basis: 100%; } .site-footer { display: block; padding: 30px 0 0; } .wp-block-media-text__content p { font-size: 23px; } #comments { padding: 5px; } #main .entry-content ul, ol { margin: 0 40px 0 20px; } #comments ol, #comments ul { margin: 0 10px; } .alignleft, .alignright { float: none; width: 100%; display: block; margin: 0 auto; } .alignleft img, .alignright img { margin: 0 auto; display: block; } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-size: 20px; } .blocks-gallery-item, .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item { min-width: 100% !important; } .free-section p { width: 100%; } .free-content-container { padding: 50px 15px !important; } .free-content-container ol, .free-content-container ul { margin: 0; padding: 15px; } .subscribe-wrapper { display: block; } .subscribe-button { width: 100%; margin-top: 15px; } .blog-posts-section, .subscribe-recent-section { padding: 10px; } .subscribe-button a, .subscribe-wrapper h3 { font-size: 19px; } .logo-container img { width: 200px; } .footer-menu .menu-main-menu-container { padding: 0 10px 20px; } .bottom-search { padding: 20px; } .logo-container img { padding: 5px; } .content-area { margin-top: 10px; } .entry-content, .entry-summary, .page-content { padding: 10px; } .entry-header p { padding: 10px 0 !important; font-size: 17px; } h1 { font-size: 1.3em; } #main article .entry-content p { font-size: 18px; } .home-blocks .home-box { flex-basis: 100%; padding: 0 20px; } .home-blocks .home-box { display: flex; align-items: center; } .home-blocks .home-box .post-thumbnail img { width: 150px; min-width: 150px; height: 168px; min-height: 168px; object-fit: cover; padding: 10px; } .home-blocks .nav-previous-home { margin-top: 30px; } .by-author .social-btn li { margin-left: 0; margin-right: 15px; } .entry-header .by-author { margin-bottom: 0; } .relatedposts { display: block; } .form-submit input { margin: 0 auto; display: block; } .service-item { flex-basis: 100%; } .howirent-wrapper .howirent-content .howirent-headline { font-size: 2.2em; } .service-item:nth-of-type(odd) { flex-direction: column-reverse; } .service-item:nth-of-type(odd) .services-image { margin-top: 0; } .project-wrapper { padding: 20px 0; } .posts-grid article { display: block; } .posts-grid .entry-title { margin: 10px 0; } .howirent-wrapper .image-wrapper .image1wrap, .howirent-wrapper .image-wrapper .image1wrap img, .howirent-wrapper .image-wrapper .image2wrap, .howirent-wrapper .image-wrapper .image2wrap img { width: 400px; height: 300px; } .posts-grid article .post-thumbnail img { height: 350px; object-fit: cover; } .recent-blog-box img { min-width: 140px; width: 140px; min-height: 168px; height: 168px; object-fit: cover; padding: 10px; } .blog-posts-wrapper div:nth-of-type(2), .blog-posts-wrapper div:nth-of-type(3) { display: none; } .by-author .social-btn a { font-size: 1.2em; } } .popular-thumb { text-align: center; display: block; width: 220px; margin: 0 auto 30px; text-transform: uppercase; font-size: 0.8em; letter-spacing: 0.1em; } .sharethis-text { text-transform: uppercase; letter-spacing: 0.2em; font-size: 14px; } .icons-list { display:flex; justify-content: space-between; text-align: center; text-transform: uppercase; font-size:.7rem; line-height:0.8rem; margin:2rem; } .icons-list a { flex-basis:80px; } .icons-list img { height: 55px; padding-bottom: .5rem; width: 50px; } .category-blocks { max-width: 80%; margin: 5rem auto 0 auto; display: block; text-align:center; font-weight: bold; text-transform: uppercase; letter-spacing: .1rem; } .category-wrap { display:flex; justify-content: center; } @media screen and (max-width: 768px) { .category-wrap { flex-wrap:wrap; } } .category-blocks h3 { font-family:"Mogan", serif; font-size:2rem; margin:0; font-weight:normal; } .category-blocks a { margin: 1rem; } .category-blocks img { height: 350px; width: 400px; object-fit: cover; } #secondary .recent-blog-box img { min-width:100px; min-height:100px; width:100px; height:100px; } #secondary .recent-blog-box-title { font-size:.8rem; } #secondary .recent-posts h3 { font-size:1rem; } .whatsnew { width: 8rem; height: 8rem; display: block; padding:1.9rem 1rem; text-align: center; background: rgba(49, 70, 79, 0.9); border-radius: 100%; position: absolute; z-index: 1; transform: rotate(10deg); box-shadow: 0px 0px 5px #7888; color: #fff; top: -33px; right: 47px; } .whatsnew h2 { font-family: "Mogan", serif; font-weight: normal; font-size: 1.5em; line-height: .9em; text-transform: lowercase; margin: 1rem 0; } .about-me { background:none; max-width:1000px; display:block; margin:0 auto; } .about-me .buythebook-wrapper { margin:0rem auto 5rem auto; } .about-me .image-wrapper:before { content:''; width:400px; height:400px; display:block; z-index:-1; position: absolute; right:-150px; top:-100px; background-size:cover; background-repeat:no-repeat; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23F1C21B' d='M36.2,-45.5C41.6,-38.7,36.8,-22.2,36.8,-8.5C36.9,5.2,41.7,16,40.1,27.3C38.5,38.5,30.5,50.1,20,53.1C9.6,56.1,-3.4,50.5,-20.9,48.1C-38.5,45.8,-60.7,46.8,-72.7,36.7C-84.8,26.7,-86.8,5.5,-76,-6.1C-65.3,-17.7,-41.7,-19.7,-26.9,-24.8C-12.1,-29.9,-6.1,-38.2,4.7,-43.7C15.4,-49.3,30.9,-52.3,36.2,-45.5Z' transform='translate(100 100)' /%3E%3C/svg%3E%3C/svg%3E%3C/svg%3E%3C/svg%3E%0A"); } .about-me .image-wrapper { position: relative; } .about-me .image-wrapper img { border-radius: 100%; width:500px; height:500px; object-fit: cover; } @media screen and (max-width:500px) { .about-me .buythebook-wrapper{margin:0;}.about-me .image-wrapper img { width:300px; height:300px; } .widgets-section .widget_search p, .widgets-section .widget_search .search-field, .widgets-section .widget_search .search-submit { width:80% !important; max-width:80% !important; ; } .whatsnew { padding:1rem; width:100px; height:100px; } .whatsnew h2 { font-size:1.3rem; } } .widgets-section { padding:0; } .by-room { max-width:60%; } .by-room .category-wrap { flex-wrap: wrap; } .by-room a { font-size:.8rem; background:#EAB000; padding:1rem; } .by-room a:hover { background:#2E4550; color:#FFF; } .widgets-section .widget_search {max-width: 1500px;margin: 0 auto;padding:3rem;} .widgets-section .widget_search .widget-title { font-family:'Mogan', serif; font-weight:normal; font-size:3rem !important; line-height:3rem; } .widgets-section .widget_search p { max-width:50%; margin:0 auto 2rem auto; } .widgets-section .widget_search .search-field, .widgets-section .widget_search .search-submit { width:50%; } .widgets-section .execphp-16 { margin:0; } .fa-link:before { content:'' !important; display:block; width:12px; height:13px; background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='tiktok' class='svg-inline--fa fa-tiktok fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%2331464F' d='M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z'%3E%3C/path%3E%3C/svg%3E"); } .sticky-nav .fa-link:before { width:9px; height:10px; background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='tiktok' class='svg-inline--fa fa-tiktok fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23222' d='M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z'%3E%3C/path%3E%3C/svg%3E"); } .mobile-menu .fa-link:before { background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='tiktok' class='svg-inline--fa fa-tiktok fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23fff' d='M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z'%3E%3C/path%3E%3C/svg%3E"); }
.mc-banner{z-index: 999999999999 !important}
.posts-grid .article-grid2 {
width:22%;
margin:15px !important;
display: inline-table;
vertical-align: top;
}
.posts-grid .article-grid2 img {
height:400px;
object-fit:cover;
}
@media screen and (max-width:800px) {
.posts-grid .article-grid2 {
width:95%;
}
}
.search-section {
max-width:100%;
background: #D0A485;
}