/* Theme Name: CroneCast Description: CroneCast Author: Odvod Media Version: 1 */ /* default -------------------------------------------------------------------------------*/ html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; } article, aside, figure, footer, header, hgroup, nav, section {display: block;} /* Responsive images and other embedded objects Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */ img, object, embed {width: 100%; height:auto} /* force a vertical scrollbar to prevent a jumpy page */ html {overflow-y: scroll;} /* we use a lot of ULs that aren't bulleted. don't forget to restore the bullets within content. */ ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; color:#666; text-decoration:none; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; } a:hover{ text-decoration:underline} del {text-decoration: line-through;} abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;} /* tables still need cellspacing="0" in the markup */ table {border-collapse: collapse; border-spacing: 0;} th {font-weight: bold; vertical-align: bottom;} td {font-weight: normal; vertical-align: top;} h1,h2,h3,h4,h5,h6{ font-weight:400} hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;} input, select {vertical-align: middle;} pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ } input[type="radio"] {vertical-align: text-bottom;} input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;} .ie6 input {vertical-align: text-bottom;} select, input, textarea {font: 99% sans-serif;} table {font-size: inherit; font: 100%;} /* Accessible focus treatment people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active {outline: none;} small {font-size: 85%;} strong, th {font-weight: 700; } td, td img {vertical-align: top;} /* Make sure sup and sub don't screw with your line-heights gist.github.com/413930 */ sub, sup {font-size: 75%; line-height: 0; position: relative;} sup {top: -0.5em;} sub {bottom: -0.25em;} /* standardize any monospaced elements */ pre, code, kbd, samp {font-family: monospace, sans-serif;} /* hand cursor on clickable elements */ .clickable, label, input[type=button], input[type=submit], button {cursor: pointer;} /* Webkit browsers add a 2px margin outside the chrome of form elements */ button, input, select, textarea {margin: 0;} /* make buttons play nice in IE */ button {width: auto; overflow: visible;} /* scale images in IE7 more attractively */ .ie7 img {-ms-interpolation-mode: bicubic;} /* prevent BG image flicker upon hover */ .ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} /* let's clear some floats */ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .clear { clear: both; } .hide { display: none !important; } img { display: block; /*transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s;*/ } .container { position: relative; display: block; } #site-contact-form { display: none; } .show-right:before { position: relative; left: 100%; display: block; width: 100%; float: left; margin: 0 0 0 -100%; } .button { display: inline-block; } .button a { display: block; padding: 15px 30px; min-width: 260px; text-align: center; background: #000; color: #fff !important; border: 1px solid #000; font-size: 18px; letter-spacing: 1.2px; text-transform: uppercase; box-sizing: border-box; -moz-box-sizing: border-box; } .button a:hover { background: #fff; color: #000 !important; border: 1px solid #000; text-decoration: none !important; } /*** site styles ***/ html, BODY { height: 100%; } BODY { background: url(images/bg-lines.png); font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: 400; font-size: 16px; letter-spacing: 1.2px; line-height: 22px; color: #2c333a; text-align: center; padding-top: 76px; } BODY.scroll { padding-top: 66px; } #site-wrapper { position: relative; display: block; width: 100%; overflow: hidden; } h1, h2, h3, h4, h5 { margin: 0 0 25px; padding: 0; line-height: 1.2; font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: #2c333a; font-weight: 700; font-style: normal; text-transform: uppercase; } h1 { font-size: 36px; margin: 0 0 0; } h2 { font-size: 34px; line-height: 36px; letter-spacing: 2px; color: #708090; } h3 { font-size: 20px; font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; line-height: 24px; letter-spacing: 1.1px; color: #708090; } h4 { font-size: 18px; font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; line-height: 22px; letter-spacing: 1.1px; color: #708090; margin-bottom: 5px; margin-top: 10px; } p { padding: 0 0 20px; margin: 0; line-height: 1.5; } p:last-child, p:last-of-type { padding-bottom: 0; } h1 + h2, p + h2 { padding-top: 50px; } h2:last-child { margin-bottom: 0; } /*#flyout-menu { position: fixed; left: 0; top: 0; display: none; width: 100%; height: 100%; padding: 0; background: #006197; text-align: left; overflow: auto; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 9999999; } #flyout-menu .flyout-menu-header { position: fixed; top: 0; left: 0; display: block; width: 100%; height: 50px; z-index: 99; overflow: hidden; } #flyout-menu .close-btn-wrapper { position: absolute; top: 0; right: 0; display: block; padding: 10px 25px; } #flyout-menu a.close-btn { font-size: 40px; color: #fff; z-index: 100; } #flyout-menu a.close-btn:hover { color: #000; } #flyout-menu ul { margin: 0; padding: 0; } #flyout-menu ul ul { display: none; } #flyout-menu li { margin: 0; padding: 0; display: block; text-align: left; } #flyout-menu li a { display: block; padding: 17px 0; font-family: myriad-pro, sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; font-size: 26px; color: #fff; line-height: 1; text-decoration: none; box-sizing: border-box; -moz-box-sizing: border-box; } #flyout-menu li a:hover { color: #000; text-decoration: none; } #flyout-menu li li a { font-size: 18px; text-transform: none; padding: 8px 20px; } #flyout-menu #flyout-menu-main, #flyout-menu #flyout-menu-sub { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 90px 100px 40px; background: #006197; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 80; } #flyout-menu #flyout-menu-sub { display: none; padding-top: 60px; z-index: 90; text-align: center; } #flyout-menu .top { position: relative; display: block; margin: 0 0 10px; } #flyout-menu .bottom { position: relative; display: block; border-top: 1px solid #fff; padding: 10px 0 0; } #flyout-menu .bottom li a { font-size: 16px; } #flyout-menu .icon { position: relative; display: block; width: 10%; margin: 0 auto; padding: 50px 0 0; } #flyout-menu .icon .cover { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0, 115, 174, .9); z-index: 10; }*/ #flyout-menu { position: fixed; left: 0; top: 0; display: none; width: 100%; height: 100%; padding: 60px 0 0; background: #989898; text-align: left; overflow: auto; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 99999; } #flyout-menu a.close-btn { position: absolute; top: 5px; right: 20px; font-size: 24px; color: #FFF; } #flyout-menu a.close-btn:hover { color: #333; } #flyout-menu ul { margin: 0; padding: 0; } #flyout-menu ul ul { margin-bottom: 10px; } #flyout-menu li { margin: 0; padding: 0; display: block; text-align: center; } #flyout-menu li a { display: block; padding: 10px 20px; font-size: 20px; color: #FFF; line-height: 1; text-transform: uppercase; text-decoration: none; box-sizing: border-box; -moz-box-sizing: border-box; } #flyout-menu li a:hover { background: #333; color: #FFF; text-decoration: none; } #flyout-menu li li a { font-size: 18px; text-transform: none; padding: 8px 20px; } #header-wrapper { position: fixed; top: 0; display: block; width: 100%; padding: 0 80px; background: #fff; z-index: 99999999; overflow: hidden; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; box-sizing: border-box; -moz-box-sizing: border-box; } #header { position: relative; display: block; width: 100%; padding: 20px 0 5px; border-bottom: 1px solid #d1d6dc; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; } .scroll #header { padding-top: 10px; } #logo { position: relative; display: block; margin: 0 auto 5px; padding: 0; width: 110px; z-index: 100; } #logo a { text-decoration: none; color: #000000; line-height: 1; } #logo img { position: relative; display: block; } #logo h2 { text-indent: -9999px; overflow: hidden; font-size: 1px; display: none; } .header-left { position: relative; display: block; float: left; } #header .menu { position: relative; display: inline-block; padding: 0 0 0 0; float: left; transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; } #header .menu ul { margin: 0; padding: 0; } #header .menu li { position: relative; display: block; list-style-type: none; margin: 0; padding: 0 35px 0 0; line-height: 1; float: left; } #header .menu li:last-of-type { padding-right: 0; } #header .menu li a { position: relative; font-size: 15px; color: #000000; font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: 500; font-style: normal; text-transform: uppercase; border-bottom: 1px solid #ffffff; text-decoration: none; letter-spacing: 1.2px; } #header .menu li > a:hover, #header .menu li:hover > a, #header .menu li.current-menu-item > a, #header .menu li.current-menu-parent > a, #header .menu li.current_page_parent > a, #header .menu li.current-page-ancestor > a { color: #000000; border-bottom: 1px solid #2c333a; } .header-right { position: relative; display: block; float: right; } #header .header-right .menu li { padding-left: 15px; padding-right: 0; } .flyout { position: relative; display: none; text-align: right; padding: 0; z-index: 999999; } .flyout a.icon-menu { color: #161618; font-size: 24px; line-height: 1; text-decoration: none; margin: 0; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; } .flyout a.icon-menu:hover { color: #ee4542; } #site { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; webkit-backface-visibility: hidden; box-sizing: border-box; -moz-box-sizing: border-box; } .section-wrapper { position: fixed; top: 120px; left: 0; display: block; width: 100%; overflow: hidden; background: #FFF; z-index: 100; -webkit-transform: translateZ(0); -webkit-transform: translate3d(0,0,0); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -webkit-transition: top 0s; -webkit-perspective: 1000; -webkit-overflow-scrolling: touch; background-attachment: fixed; box-sizing: border-box; -moz-box-sizing: border-box; } .tablet .section-wrapper { position: relative; top: 0 !important; } .section-wrapper.middle { display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; } .section-wrapper .section { position: relative; display: block; width: 100%; max-width: 1590px; padding: 0 20px; margin: 0 auto; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 20; } .section-wrapper .section .content-wrapper { position: relative; display: block; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; } .section-wrapper .section .content { position: relative; display: block; padding: 50px 0; box-sizing: border-box; -moz-box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; } .section-wrapper .section .content .content-left, .section-wrapper .section .content .content-right { position: relative; display: block; width: 50%; padding: 0 20px; text-align: left; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-flex: 0 1 50%; -moz-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; opacity: 0; } .section-wrapper .section .content .content-left { padding-left: 0; } .section-wrapper .section .content .content-right { padding-right: 0; } .section-wrapper .section .content .content-inner { position: relative; display: block; /*max-width: 800px;*/ width: 100%; } .section-wrapper .section .content .content-left .content-inner { float: left; } .section-wrapper .section .content .content-right .content-inner { float: right; } .error404 .section-wrapper .section .content .content-text { margin: 0 auto; } .content p { margin: 0; padding: 0 0 20px; } .content p:last-of-type { padding-bottom: 0; } .content ul, .content ol { margin: 0 0 30px 20px; padding: 20px 0 0; } .content ul li, .content ol li { list-style-type: disc; margin: 0 0 5px 0; padding: 0; line-height: 1.3; } .content p + ul { margin-top: -35px; } .content p + p.button { padding-top: 30px; } .content a { color: #708090; text-decoration: none; } .content a:hover { color: #000000; text-decoration: underline; } .content .border { border-left: 1px solid #2c333a; } .content .border-right { border-right: 1px solid #2c333a; } .section-wrapper .section .content.content-list, .section-wrapper .section .content.content-rows { display: inline-block; margin: 0 auto; } .section-wrapper .section .content.content-list .list-item { position: relative; display: none; padding: 10px 0; font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: 700; font-size: 82px; line-height: 1; letter-spacing: 3px; text-align: left; opacity: 0; transition: color .8s; -moz-transition: color .8s; -webkit-transition: color .8s; -o-transition: color .8s; min-width: 300px; } .section-wrapper .section .content.content-list .list-item.list-item-1, .section-wrapper .section .content.content-list .list-item.active { display: block !important; } .section-wrapper .section .content.content-rows .row { position: relative; display: block; text-align: center; opacity: 0; } .section-wrapper .section .content.content-rows .row-1 { margin: 0 0 90px; } .section-wrapper .section .content.content-rows .row-1 img { max-width: 650px; margin: 0 auto; } .section-wrapper .section .content.content-rows .row-1 h1 span { display: none; } /*.section-wrapper .section .content.content-rows .row h2 { font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: 800; font-size: 44px; margin: 0 0 40px; letter-spacing: 1.3px; }*/ .section-wrapper .section .content.content-rows .row h2 { font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: 300; font-size: 28px; margin: 0; } .section-wrapper.section-8 .content-wrapper.part-2 { position: absolute; top: 0; display: none; background: #fff; } .section-wrapper.section-10 .section { max-width: none; } .section-wrapper.section-10 .section .content .content-left { padding-left: 60px; } .section-wrapper.section-10 .section .content .content-right { max-width: 770px; } .section-wrapper .section .content .content-left.content-gallery { padding-right: 0; } .section-wrapper .section .content .content-gallery .gallery-wrapper { position: relative; display: block; width: 100%; height: 856px; } .section-wrapper .section .content .content-gallery .gallery { position: absolute; display: block; -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.15); box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.15); opacity: 0; } .section-wrapper .section .content .content-gallery .gallery img { width: auto; max-width: 100%; } /*875 --- 856*/ .section-wrapper .section .content .content-gallery .gallery.gallery_1 { position: relative; top: 0; left: 3.43%; max-width: 36.11%; z-index: 10; } .section-wrapper .section .content .content-gallery .gallery.gallery_2 { max-width: 46.86%; top: 5.26%; right: 5.71%; z-index: 30; } .section-wrapper .section .content .content-gallery .gallery.gallery_3 { max-width: 48.91%; top: 34.46%; left: 11.43%; z-index: 40; } .section-wrapper .section .content .content-gallery .gallery.gallery_4 { max-width: 58.06%; bottom: 5.26%; left: 0; z-index: 20; } .section-wrapper .section .content .content-gallery .gallery.gallery_5 { max-width: 32.46%; bottom: 0; right: 0; z-index: 50; } .section-wrapper.section-10 .section .content .content-text .content-inner { padding-top: 30px; padding-bottom: 30px; } .section-wrapper .section .content .cols { position: relative; display: block; margin: 0 0 20px -20px; } .section-wrapper .section .content .cols.checkbox { margin-top: 0; margin-bottom: 30px; } .section-wrapper .section .content .cols.checkbox span { display: block; line-height: 22px; margin-top: -1px; } .section-wrapper .section .content .cols:last-of-type { margin-bottom: 0; } .section-wrapper .section .content .col { position: relative; display: block; width: 100%; float: left; padding: 0 0 0 20px; box-sizing: border-box; -moz-box-sizing: border-box; } .section-wrapper .section .content .cols-2 .col { width: 50%; } .section-wrapper .section .content .cols-3 .col { width: 33.333%; } .section-wrapper .section .content .content-full { width: 100%; } .section-wrapper .section .content .content-full .content-inner { max-width: 100%; } .section-wrapper .section .content .content-full .content-inner h2 { margin-bottom: 25px; } .section-wrapper .section .content .content-full .content-inner .content-left .content-left { left: 0px; opacity: 1; } .section-wrapper .section .content .content-full .content-inner .content-right .content-right { left: 0px; opacity: 1; } .section-wrapper .section .content .content-full .content-left .content-left, .section-wrapper .section .content .content-full .content-right .content-left { width: 35%; } .section-wrapper .section .content .content-full .content-left .content-right, .section-wrapper .section .content .content-full .content-right .content-right { width: 65%; } .section-wrapper .podcast { padding-top: 20px; } .single .section-wrapper .section .content .content-full { text-align: left; } .single .section-wrapper .section .content .content-full h1 { margin-bottom: 20px; } .single .section-wrapper .section .content .content-left { opacity: 1; } .single .section-wrapper .section .content .content-left + .content-full { padding-left: 60px; } .section-wrapper .section .content .content-full .post-wrapper { position: relative; display: block; padding-top: 30px; } .section-wrapper .section .content .content-full .post-wrapper .post-inner { position: relative; display: grid; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 40px 40px; } .section-wrapper .section .content .content-full .post-wrapper .post-inner .post { position: relative; display: block; } .section-wrapper .section .content .content-full .post-wrapper .post-inner .post a { position: relative; display: block; color: #000; text-decoration: none; } .section-wrapper .section .content .content-full .post-wrapper .post-inner .post a .post-image { position: relative; display: block; margin: 0 0 15px; } .section-wrapper .section .content .content-full .post-wrapper .post-inner .post a:hover { color: #000; text-decoration: underline; } .section-wrapper.section-46 .content-image .image-wrapper .image { max-height: 450px; overflow: hidden; } .section-wrapper .blog-posts a { color: #666 !important; font-size: 14px; text-align: left; } .section-wrapper .blog-posts a strong { font-size: 16px; display: block; margin: 0 0 10px; } .section-wrapper .blog-posts a .post-image { opacity: .7; transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; } .section-wrapper .blog-posts a:hover .post-image { opacity: 1; } .section-wrapper .blog-posts a:hover { text-decoration: none !important; color: #000 !important; } .section-wrapper.section-46 a { margin-left: 10px; } .section-wrapper.section-46 a::before { position: relative; display: inline-block; font-family: "fontello"; margin-right: 15px; content: '\e800'; transform: rotate(-90deg); } .section-wrapper.section-46 a.no-icon::before { display: none; } .section-wrapper .section .content form .field { position: relative; display: block; } .section-wrapper .section .content .field label { position: absolute; top: 0; display: none; width: 100%; opacity: 0; font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: 500; font-size: 14px; color: #708090; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; z-index: 1 } .section-wrapper .section .content .field input, .section-wrapper .section .content .field select, .section-wrapper .section .content .field textarea { width: 100%; background: #f5f5f5; font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: 500; font-size: 18px; letter-spacing: 1.2px; color: #2c333a; padding: 15px 15px; border: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .section-wrapper .section .content .select { background: #f5f5f5; } .section-wrapper .section .content .select-wrap { position: relative; display: block; z-index: 20; } .section-wrapper .section .content .field select { -webkit-appearance: none; -moz-appearance: none; text-overflow: ''; background: none; } .section-wrapper .section .content .field select::-ms-expand { display: none; } .section-wrapper .section .content .field .select-dir { position: absolute; top: 15px; right: 0px; display: block; height: 43%; border-left: 1px solid #708090; padding: 0 15px; color: #708090; line-height: 1.1; z-index: 10; } .section-wrapper .section .content .field input[type="checkbox"] { border: 1px solid #000; padding: 3px; margin: 0 10px 0 0; height: 20px; width: 20px; display: table-cell; float: left; } .section-wrapper .section .content .field input[type="submit"] { font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: 300; color: #ffffff; background: #000000; border: 1px solid #000; text-transform: uppercase; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; } .section-wrapper .section .content .field input[type="submit"]:hover { color: #000; background: #fff; border: 1px solid #000; } .section-wrapper .section .content .field.floating label { display: block; margin-top: 0; margin-left: 0; padding: 0 15px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transform: translateY(3px); transform: translateY(3px); pointer-events: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 1; } .section-wrapper .section .content .field.floating.error label { color: #cc0000; } .section-wrapper .section .content .field input.wpcf7-not-valid, .section-wrapper .section .content .field textarea.wpcf7-not-valid { background: #E4C1C1; } .section-wrapper .section .content .wpcf7-not-valid-tip { display: none; } .section-wrapper .section .content .field.floating.select label { margin-left: 4px; } .section-wrapper .section .content .field.floating input, .section-wrapper .section .content .field.floating select, .section-wrapper .section .content .field.floating textarea { padding-top: 24px; padding-bottom: 6px; padding-right: 55px; } .section-wrapper .section .content .message, .section-wrapper .section .content .wpcf7-response-output { position: relative; font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: 500; padding: 10px 0 0; margin: 0; border: none; } .section-wrapper .section .content .message.show { display: block; } .section-wrapper .section .content .message.error, .section-wrapper .section .content form.invalid .wpcf7-response-output { color: #cc0000; } .wpcf7-spinner { display: none !important; } input.placeholder, textarea.placeholder { color: #708090; font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: 500; } ::-webkit-input-placeholder { /* WebKit browsers */ color: #708090; font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: 500; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #708090; font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: 500; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #708090; font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: 500; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #708090; font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: 500; } #footer-wrapper { position: relative; display: block; padding: 0 80px; z-index: 99999999; } .footer { position: relative; display: block; width: 100%; padding: 20px 0; border-top: 1px solid #d1d6dc; color: #8c99a6; font-size: 16px; font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: 300; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; } .footer span { white-space: nowrap; } span.break { display: block !important; margin: 0 !important; padding: 0 !important; } .wrapper { position: fixed; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: 999999999; } .loader { background: #fff url(images/loader.gif) center center no-repeat; } .loader-2 { background: #363636 url(images/loader2.gif) center center no-repeat; } .loader-3 { background: url(images/loader4.gif) center 30px no-repeat; } .loading-inner { position: fixed; top: -70px; display: none; width: 100%; height: 100%; background: url(images/logo.png) center center no-repeat; background-size: 170px; } .page-template-page-blog .loader { display: none !important; } @viewport { width: auto; } @media only screen and (max-width: 1660px) { #header-wrapper, #footer-wrapper { padding: 0 20px; } .section-wrapper.section-10 .section .content .content-left { padding-left: 0; } } @media only screen and (max-width: 1280px) { h2 { font-size: 30px; line-height: 32px; } .section-wrapper .section .content.content-list .list-item { font-size: 62px; } .section-wrapper .section .content.content-rows .row-1 img { max-width: 550px; } .section-wrapper .section .content.content-rows .row h2 { font-size: 26px; } .section-wrapper .section .content.content-rows .row h3 { font-size: 24px; } .section-wrapper .section .content .content-gallery .gallery-wrapper { height: 620px; } .section-wrapper .section .content .content-left { padding-right: 50px; } .section-wrapper .section .content .content-right { padding-left: 50px; } .section-wrapper .section .content .content-left .content-right, .section-wrapper .section .content .content-right .content-right { padding-left: 0; } .section-wrapper .section .content .content-left .content-left, .section-wrapper .section .content .content-right .content-left { padding-right: 30px; } } @media only screen and (max-width: 1020px) { .section-wrapper .section .content.content-rows .row-1 { margin-bottom: 70px; } .section-wrapper .section .content.content-rows .row h2 { margin-bottom: 24px; } .section-wrapper .section .content .content-gallery .gallery-wrapper { height: 500px; } .single .section-wrapper .section .content .content-left { padding-right: 0; } } @media only screen and (max-width: 940px) { h2 { font-size: 28px; line-height: 30px; } .header-left .flyout { display: block; } .header-left .menu { display: none !important; } .section-wrapper .section .content.content-rows .row-1 img { max-width: 500px; } .section-wrapper .section .content .cols-3 .col { width: 50%; } .section-wrapper .section .content .cols-3 .col-3 { width: 100%; padding-top: 20px; } .section-wrapper .section .content .content-full-left, .section-wrapper .section .content .content-full-right { padding-right: 0; padding-left: 0; width: 100%; } .section-wrapper .section .content .content-full-left + .content-full-right { margin-top: 70px; } .section-wrapper .section .content .content-left .content-left, .section-wrapper .section .content .content-right .content-left { padding-right: 50px; } .section-wrapper .section .content .content-full .content-left .content-left, .section-wrapper .section .content .content-full .content-right .content-left { width: 25%; } .section-wrapper .section .content .content-full .content-left .content-right, .section-wrapper .section .content .content-full .content-right .content-right { width: 75%; padding-top: 0; box-sizing: border-box; -moz-box-sizing: border-box; } .section-wrapper .section .content .content-full .post-wrapper .post-inner { grid-template-columns: 1fr 1fr 1fr; } } @media only screen and (max-height: 770px) { .section-wrapper { position: relative; top: 0 !important; } .section-wrapper .section .content { padding-top: 30px; padding-bottom: 30px; } } @media only screen and (max-width: 800px) { .section-wrapper .section .content.content-rows .row-1 { margin-bottom: 50px; } .section-wrapper .section .content.content-rows .row-1 img { max-width: 450px; } .section-wrapper .section .content .content-gallery .gallery-wrapper { height: 400px; } .section-wrapper .section .content .cols-2 .col, .section-wrapper .section .content .cols-3 .col { width: 100%; } .section-wrapper .section .content .cols-2 .col-2, .section-wrapper .section .content .cols-3 .col-2 { width: 100%; padding-top: 20px; } } @media only screen and (max-width: 768px) { h1 { font-size: 30px; } .content p + p.button { padding-top: 10px; } .section-wrapper .section .content { display: block; } .section-wrapper .section .content .content-inner { max-width: none; } .section-wrapper .section .content .content-right .content-inner { float: none; } .section-wrapper .section .content .content-gallery .gallery-wrapper { height : 600px; } .section-wrapper .section .content .content-left, .section-wrapper .section .content .content-right { width: 100%; padding-left: 0; padding-right: 0; border: none; } .section-wrapper .section .content .content-right { padding-top: 30px; } .section-wrapper .section .content .cols-2 .col { width: 50%; } .section-wrapper .section .content .cols-3 .col { width: 33.333%; } .section-wrapper .section .content .cols-2 .col-2 { width: 50%; padding-top: 0; } .section-wrapper .section .content .cols-3 .col-2, .section-wrapper .section .content .cols-3 .col-3 { width: 33.333%; padding-top: 0; } .section-wrapper.section-10 .section .content .content-text .content-inner { padding-top: 0; padding-bottom: 0; } .section-wrapper .section .content .content-left .content-left, .section-wrapper .section .content .content-right .content-left { padding: 0; } .section-wrapper .section .content .content-full-left + .content-full-right { margin-top: 20px; } .section-wrapper .section .content .content-full .content-left .content-right, .section-wrapper .section .content .content-full .content-right .content-right { padding-left: 30px; } .single .section-wrapper .section .content .content-left .image-wrapper { margin-bottom: 30px; } .single .section-wrapper .section .content .content-left + .content-full { padding-left: 0; } } @media only screen and (max-width: 667px) { .section-wrapper .section .content.content-list .list-item { font-size: 50px; } .section-wrapper .section .content.content-rows .row-1 img { max-width: 400px; } .section-wrapper .section .content.content-rows .row h2 { font-size: 22px; } } @media only screen and (max-width: 600px) { h1 { font-size: 26px; } #header .menu li { padding-right: 20px; } .section-wrapper .section .content .content-full .post-wrapper .post-inner { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 480px) { #logo { width: 100px; } .section-wrapper .section .content.content-list .list-item { font-size: 50px; } .section-wrapper .section .content.content-rows .row-1 img { max-width: 300px; } .section-wrapper .section .content .content-gallery .gallery-wrapper { height: 450px; } } @media only screen and (max-width: 420px) { .header-left { display: none; } #logo { float: left; } .section-wrapper .section .content.content-rows .row h2 { font-size: 20px; } .section-wrapper .section .content.content-rows .row h3 { font-size: 22px; } .section-wrapper .section .content .content-gallery .gallery-wrapper { height: 400px; } .section-wrapper .section .content .cols-2 .col, .section-wrapper .section .content .cols-3 .col { width: 100%; } .section-wrapper .section .content .cols-2 .col-2, .section-wrapper .section .content .cols-3 .col-2, .section-wrapper .section .content .cols-3 .col-3 { width: 100%; padding-top: 20px; } .section-wrapper .section .content .content-full .content-left .content-left, .section-wrapper .section .content .content-full .content-right .content-left { width: 100%; } .section-wrapper .section .content .content-full .content-left .content-right, .section-wrapper .section .content .content-full .content-right .content-right { width: 100%; padding-top: 20px; padding-left: 0; } } @media only screen and (max-width: 320px) { .section-wrapper .section .content.content-list .list-item { font-size: 44px; } .section-wrapper .section .content .content-gallery .gallery-wrapper { height: 300px; } } @media only screen and (min-width: 480px) and (-webkit-min-device-pixel-ratio: 2){ } @media only screen and (max-width: 320px) and (-webkit-min-device-pixel-ratio: 2){ }