/* File: screen.css Media: screen Copyright: (c) 2014 Church Media Group, Inc. www.churchmedia.com Author: Church Media Group Notes: */ /* File: _reset.scss Media: screen Copyright: (c) 2014 Church Media Group, Inc. www.churchmedia.com Author: Church Media Group Notes: This file should never be altered /* Reset Defaults --------------------------------------------------------------------------------------- */ /* line 13, ../scss/_reset.scss */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; } /* line 14, ../scss/_reset.scss */ :focus { outline: 0; } /* line 15, ../scss/_reset.scss */ ul { list-style: none; } /* line 16, ../scss/_reset.scss */ table { border-collapse: separate; border-spacing: 0; } /* line 17, ../scss/_reset.scss */ caption, th, td { text-align: left; font-weight: normal; } /* line 18, ../scss/_reset.scss */ blockquote:before, blockquote:after, q:before, q:after { content: ""; } /* line 19, ../scss/_reset.scss */ blockquote, q { quotes: "" ""; } /* File: global.css Media: screen Copyright: (c) 2010 Church Media Group, Inc. www.churchmedia.cc Author: Church Media Group Notes: This file should never be altered /* Basic Selectors --------------------------------------------------------------------------------------- */ /* line 13, ../scss/_global.scss */ small { font-size: 1.1em; } /* line 15, ../scss/_global.scss */ .align-left { text-align: left; } /* line 16, ../scss/_global.scss */ .align-center { text-align: center; } /* line 17, ../scss/_global.scss */ .align-right { text-align: right; } /* line 19, ../scss/_global.scss */ .float-left { float: left; } /* line 20, ../scss/_global.scss */ .float-right { float: right; } /* line 21, ../scss/_global.scss */ .float-none { float: none; } /* line 23, ../scss/_global.scss */ .clear-left { clear: left; } /* line 24, ../scss/_global.scss */ .clear-right { clear: right; } /* line 25, ../scss/_global.scss */ .push { clear: both; } /* line 27, ../scss/_global.scss */ .hide { display: none; } /* line 28, ../scss/_global.scss */ .overflow { width: 100%; overflow: hidden; } /* Share This Widget --------------------------------------------------------------------------------------- */ /* line 34, ../scss/_global.scss */ .share_this_cmg { padding: 16px 20px 16px 6px; } /* line 35, ../scss/_global.scss */ .share_this_cmg .share_row { width: 100%; overflow: hidden; border: 0; } /* line 36, ../scss/_global.scss */ .share_this_cmg h2 { float: left; display: inline; width: 90px; text-align: right; margin-top: 8px; } /* line 37, ../scss/_global.scss */ .share_this_cmg .float-right { width: 290px; } /* line 38, ../scss/_global.scss */ .icons_row { margin-top: 20px; } /* line 40, ../scss/_global.scss */ .share_this_cmg input { width: 258px; border: 1px solid #ccc; padding: 6px 8px; font-size: 1.6em; font-family: Georgia, serif; font-style: italic; color: #333; margin: 0 0 3px 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } /* line 41, ../scss/_global.scss */ .share_this_cmg small { color: #999999; font-style: italic; } /* line 43, ../scss/_global.scss */ .share_this_icons { width: 100%; overflow: hidden; margin-top: 2px; } /* line 44, ../scss/_global.scss */ .share_this_icons li { float: left; display: inline; margin-right: 10px; } /* line 45, ../scss/_global.scss */ .share_this_icons li.last { margin: 0; } /* Margin --------------------------------------------------------------------------------------- */ /* line 51, ../scss/_global.scss */ .margin_top_0 { margin-top: 0; } /* line 52, ../scss/_global.scss */ .margin_top_4 { margin-top: 4px; } /* line 53, ../scss/_global.scss */ .margin_top_8 { margin-top: 8px; } /* line 54, ../scss/_global.scss */ .margin_top_10 { margin-top: 10px; } /* line 55, ../scss/_global.scss */ .margin_top_12 { margin-top: 12px; } /* line 56, ../scss/_global.scss */ .margin_top_16 { margin-top: 16px; } /* line 57, ../scss/_global.scss */ .margin_top_20 { margin-top: 20px; } /* line 58, ../scss/_global.scss */ .margin_top_24 { margin-top: 24px; } /* line 59, ../scss/_global.scss */ .margin_top_30 { margin-top: 30px; } /* line 61, ../scss/_global.scss */ .margin_bottom_0 { margin-bottom: 0; } /* line 62, ../scss/_global.scss */ .margin_bottom_4 { margin-bottom: 4px; } /* line 63, ../scss/_global.scss */ .margin_bottom_8 { margin-bottom: 8px; } /* line 64, ../scss/_global.scss */ .margin_bottom_10 { margin-bottom: 10px; } /* line 65, ../scss/_global.scss */ .margin_bottom_12 { margin-bottom: 12px; } /* line 66, ../scss/_global.scss */ .margin_bottom_16 { margin-bottom: 16px; } /* line 67, ../scss/_global.scss */ .margin_bottom_20 { margin-bottom: 20px; } /* line 68, ../scss/_global.scss */ .margin_bottom_24 { margin-bottom: 24px; } /* line 69, ../scss/_global.scss */ .margin_bottom_30 { margin-bottom: 30px; } /* Padding --------------------------------------------------------------------------------------- */ /* line 75, ../scss/_global.scss */ .padding_top_0 { padding-top: 0; } /* line 76, ../scss/_global.scss */ .padding_top_4 { padding-top: 4px; } /* line 77, ../scss/_global.scss */ .padding_top_8 { padding-top: 8px; } /* line 78, ../scss/_global.scss */ .padding_top_10 { padding-top: 10px; } /* line 79, ../scss/_global.scss */ .padding_top_12 { padding-top: 12px; } /* line 80, ../scss/_global.scss */ .padding_top_16 { padding-top: 16px; } /* line 81, ../scss/_global.scss */ .padding_top_20 { padding-top: 20px; } /* line 82, ../scss/_global.scss */ .padding_top_24 { padding-top: 24px; } /* line 83, ../scss/_global.scss */ .padding_top_30 { padding-top: 30px; } /* line 85, ../scss/_global.scss */ .padding_bottom_0 { padding-bottom: 0; } /* line 86, ../scss/_global.scss */ .padding_bottom_4 { padding-bottom: 4px; } /* line 87, ../scss/_global.scss */ .padding_bottom_8 { padding-bottom: 8px; } /* line 88, ../scss/_global.scss */ .padding_bottom_10 { padding-bottom: 10px; } /* line 89, ../scss/_global.scss */ .padding_bottom_12 { padding-bottom: 12px; } /* line 90, ../scss/_global.scss */ .padding_bottom_16 { padding-bottom: 16px; } /* line 91, ../scss/_global.scss */ .padding_bottom_20 { padding-bottom: 20px; } /* line 92, ../scss/_global.scss */ .padding_bottom_24 { padding-bottom: 24px; } /* line 93, ../scss/_global.scss */ .padding_bottom_30 { padding-bottom: 30px; } /* line 95, ../scss/_global.scss */ .nopadding { padding: 0; } /* line 96, ../scss/_global.scss */ .paddingbottom { padding-bottom: 60px; } /* No Borders --------------------------------------------------------------------------------------- */ /* line 100, ../scss/_global.scss */ .no_border { border: 0; } /* line 101, ../scss/_global.scss */ .no_border_top { border-top: 0; } /* line 102, ../scss/_global.scss */ .no_border_left { border-left: 0; } /* line 103, ../scss/_global.scss */ .no_border_right { border-right: 0; } /* line 104, ../scss/_global.scss */ .no_border_bottom { border-bottom: 0; } /* line 106, ../scss/_global.scss */ .roundcorners { -moz-border-radius: 6px; -webkit-border-radius: 6px; } /* line 107, ../scss/_global.scss */ .main_cmg .marginpadding20 { width: 560px; padding: 20px; background: #e5f6fe; overflow: hidden; } /* Warnings --------------------------------------------------------------------------------------- */ /* line 113, ../scss/_global.scss */ .message { overflow: hidden; padding: 14px 0 2px 0; margin-bottom: 20px; background: #e7fcd5; border: 1px solid #cee7ba; text-align: center; color: #222222; } /* line 114, ../scss/_global.scss */ .message p { color: #6d6d6d; padding: 0 36px; margin: 2px 0 14px 0; line-height: 1.2em; } /* line 115, ../scss/_global.scss */ .message ul { padding: 0 36px; margin: 8px 0; line-height: 1.2em; } /* line 116, ../scss/_global.scss */ .message ul li { padding: 3px 0; font-size: 1.2em; } /* line 117, ../scss/_global.scss */ .message h4 { font-size: 2.4em; color: #6d6d6d; margin-bottom: 13px; } /* line 118, ../scss/_global.scss */ .message h4 a { font-weight: normal; text-decoration: underline; } /* line 119, ../scss/_global.scss */ .warn_message { background: #fbd673 url(../images/generic/icon_warning_message.png) 16px 50% no-repeat; border: 0; color: #333333; } /* line 120, ../scss/_global.scss */ .warn_message h4 { color: #222222; } /* line 121, ../scss/_global.scss */ .info_message { background: #5dade5 url(../images/generic/icon_info_message.png) 15px 50% no-repeat; border: 0; color: #333333; } /* line 122, ../scss/_global.scss */ .info_message h4 { color: #222222; } /* line 123, ../scss/_global.scss */ .error_message { background: #e52727; border: 0; color: #ffffff; } /* line 124, ../scss/_global.scss */ .error_message h4 { color: #ffffff; } /* line 125, ../scss/_global.scss */ .error_message p { color: #fff; } /* line 127, ../scss/_global.scss */ .marginpadding20 .basic_list_cmg { width: 100%; margin-top: 24px; } /* line 128, ../scss/_global.scss */ .marginpadding20 .basic_list_cmg_head { width: 100%; border-bottom: 0; overflow: hidden; padding-bottom: 15px; background: transparent url(../images/generic/bg_shadow_bottom.png) bottom left repeat-x; } /* line 129, ../scss/_global.scss */ .marginpadding20 .basic_list_cmg_content { width: 100%; border-top: 0; border-bottom: 0; overflow: hidden; } /* line 130, ../scss/_global.scss */ .marginpadding20 .basic_list_cmg_foot { width: 100%; border-top: 0; background: transparent url(../images/generic/bg_shadow_top.png) top left repeat-x; } /* line 131, ../scss/_global.scss */ .marginpadding20 .grey_borders tbody th, .marginpadding20 .grey_borders tbody td { border-color: #c4d9e9; } /* line 132, ../scss/_global.scss */ .marginpadding20 .grey_borders thead th { padding-top: 0; } /* line 135, ../scss/_global.scss */ .shadow_2d_top { margin-top: 35px; padding-top: 40px; background: transparent url(../images/generic/bg_shadow_top.png) top left repeat-x; clear: both; } /* line 136, ../scss/_global.scss */ .shadow_2d_bottom { margin-bottom: 24px; padding-bottom: 44px; background: transparent url(../images/generic/bg_shadow_bottom.png) bottom left repeat-x; clear: both; } /* CMG ONLY --------------------------------------------------------------------------------------- */ /* line 142, ../scss/_global.scss */ .cmg_only { float: right; display: inline; margin-top: 8px; } /* line 143, ../scss/_global.scss */ .cmg_only li { float: right; display: inline; margin-left: 10px; color: #666; font-weight: bold; font-size: 1.2em; margin-top: 6px; } /* line 144, ../scss/_global.scss */ .cmg_only li a.active, .cmg_only li a.active:hover { color: #000; text-decoration: none; } /* The MIT License Copyright (c) 2013 Church Media Group. Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ /* Basic Selectors --------------------------------------------------------------------------------------- */ /* line 46, ../scss/screen.scss */ html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; height: 100%; } /* line 47, ../scss/screen.scss */ body { font: normal 62.5% "adelle-sans", Arial, Helvetica, sans-serif; color: #565656; height: 100%; display: table; width: 100%; -webkit-transition: opacity 0.2s ease-in; -moz-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in; -ms-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; } /* line 48, ../scss/screen.scss */ body.loaded { opacity: 1; } /* line 49, ../scss/screen.scss */ body.loaded .loader { display: none; } /* line 51, ../scss/screen.scss */ body .loader { display: block; } /* line 54, ../scss/screen.scss */ h1, h2, h3, h4, h5, h6 { font-family: "adelle-sans", Helvetica, sans-serif; font-weight: 400; font-size: 1.6em; color: #565656; } /* line 55, ../scss/screen.scss */ h1.com, h2.com, h3.com, h4.com, h5.com, h6.com { font-family: "adelle-sans", Helvetica, sans-serif; } /* line 58, ../scss/screen.scss */ p { font-size: 1.8em; line-height: 1.5em; margin: 18px 0; color: #565656; font-weight: 400; } /* line 60, ../scss/screen.scss */ .clear { clear: both; } /* line 62, ../scss/screen.scss */ ::-moz-selection { background-color: #1291b2; color: #ffffff; } /* line 63, ../scss/screen.scss */ ::selection { background-color: #1291b2; color: #ffffff; } /* Links --------------------------------------------------------------------------------------- */ /* line 68, ../scss/screen.scss */ a { font-weight: bold; text-decoration: none; -webkit-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; -ms-transition: color 0.2s ease-in; transition: color 0.2s ease-in; } /* line 69, ../scss/screen.scss */ a:link { color: #1291b2; } /* line 70, ../scss/screen.scss */ a:visited { color: #1291b2; } /* line 71, ../scss/screen.scss */ a:hover { color: #f2d124; } /* line 72, ../scss/screen.scss */ a:active { color: #1291b2; } /* line 74, ../scss/screen.scss */ .footer_cmg a:link { color: #ffffff; } /* line 75, ../scss/screen.scss */ .footer_cmg a:visited { color: #ffffff; } /* line 76, ../scss/screen.scss */ .footer_cmg a:hover { color: #f2d124; text-decoration: none; } /* line 77, ../scss/screen.scss */ .footer_cmg a:active { color: #ffffff; } /* Buttons --------------------------------------------------------------------------------------- */ /* line 82, ../scss/screen.scss */ a.btn_more { width: 100%; text-align: center; margin-top: 15px; float: left; font-size: 12px; background: #1291b2; display: block; padding: 8px 0; color: #ffffff; text-transform: uppercase; font-weight: normal; letter-spacing: 1px; } /* line 83, ../scss/screen.scss */ a.btn_more:hover { background: #f2d124; text-decoration: none; } /* line 85, ../scss/screen.scss */ .button_row { width: 100%; margin-top: 30px; } /* line 86, ../scss/screen.scss */ .button_row.centered { text-align: center; } /* line 87, ../scss/screen.scss */ .button_row:after { content: ''; display: table; clear: both; } @media only screen and (max-width: 808px) { /* line 85, ../scss/screen.scss */ .button_row { margin-top: 20px; } } @media only screen and (max-width: 480px) { /* line 85, ../scss/screen.scss */ .button_row { margin-top: 15px; } } /* line 92, ../scss/screen.scss */ a.btn_main, input[type="submit"].btn_main { cursor: pointer; display: inline-block; height: 50px; line-height: 50px; padding: 0 40px; background: #1291b2; font-family: "adelle", Georgia, "Times New Roman", serif; font-size: 2em; font-weight: 700; color: #ffffff; border: 0; -webkit-appearance: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } /* line 93, ../scss/screen.scss */ a.btn_main.secondary, input[type="submit"].btn_main.secondary { background: #f2d124; } /* line 94, ../scss/screen.scss */ a.btn_main:hover, input[type="submit"].btn_main:hover { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); } @media only screen and (max-width: 1380px) { /* line 92, ../scss/screen.scss */ a.btn_main, input[type="submit"].btn_main { height: 45px; line-height: 45px; font-size: 1.9em; } } @media only screen and (max-width: 1180px) { /* line 92, ../scss/screen.scss */ a.btn_main, input[type="submit"].btn_main { height: 40px; line-height: 40px; font-size: 1.8em; } } @media only screen and (max-width: 980px) { /* line 92, ../scss/screen.scss */ a.btn_main, input[type="submit"].btn_main { height: 35px; line-height: 35px; font-size: 1.7em; } } @media only screen and (max-width: 808px) { /* line 92, ../scss/screen.scss */ a.btn_main, input[type="submit"].btn_main { height: 30px; line-height: 30px; font-size: 1.6em; } } /* line 101, ../scss/screen.scss */ a.btn_text, span.btn_text { display: inline-block; font-family: "adelle", Georgia, "Times New Roman", serif; font-size: 2em; font-weight: 700; color: #f2d124; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } /* line 102, ../scss/screen.scss */ a.btn_text:hover, span.btn_text:hover { color: #1291b2; } /* line 103, ../scss/screen.scss */ a.btn_text:hover span svg path, span.btn_text:hover span svg path { fill: #1291b2; } /* line 105, ../scss/screen.scss */ a.btn_text span, span.btn_text span { display: block; width: 16px; height: 16px; float: right; margin-left: 10px; } /* line 106, ../scss/screen.scss */ a.btn_text span svg, span.btn_text span svg { width: 100%; height: auto; } /* line 107, ../scss/screen.scss */ a.btn_text span svg path, span.btn_text span svg path { fill: #f2d124; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } @media only screen and (max-width: 1380px) { /* line 101, ../scss/screen.scss */ a.btn_text, span.btn_text { font-size: 1.9em; } /* line 109, ../scss/screen.scss */ a.btn_text span, span.btn_text span { width: 15px; height: 15px; } } @media only screen and (max-width: 1180px) { /* line 101, ../scss/screen.scss */ a.btn_text, span.btn_text { font-size: 1.8em; } /* line 112, ../scss/screen.scss */ a.btn_text span, span.btn_text span { width: 14px; height: 14px; } } @media only screen and (max-width: 980px) { /* line 101, ../scss/screen.scss */ a.btn_text, span.btn_text { font-size: 1.7em; } /* line 115, ../scss/screen.scss */ a.btn_text span, span.btn_text span { width: 13px; height: 13px; } } @media only screen and (max-width: 808px) { /* line 101, ../scss/screen.scss */ a.btn_text, span.btn_text { font-size: 1.6em; } /* line 118, ../scss/screen.scss */ a.btn_text span, span.btn_text span { width: 12px; height: 12px; } } /* Main Structural Selectors --------------------------------------------------------------------------------------- */ /* line 124, ../scss/screen.scss */ .wrap_cmg { width: 100%; margin: 0 auto; } /* line 126, ../scss/screen.scss */ .content_cmg { width: 100%; } /* line 128, ../scss/screen.scss */ .main_sidebar_wrap { width: 1300px; margin: 0 auto; padding: 80px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* line 129, ../scss/screen.scss */ .main_sidebar_wrap:after { content: ''; display: table; clear: both; } /* line 130, ../scss/screen.scss */ .main_sidebar_wrap.nopadding { padding-top: 0; padding-bottom: 0; } @media only screen and (max-width: 1380px) { /* line 128, ../scss/screen.scss */ .main_sidebar_wrap { width: 1100px; padding: 60px 0; } } @media only screen and (max-width: 1180px) { /* line 128, ../scss/screen.scss */ .main_sidebar_wrap { width: 900px; padding: 40px 0; } } @media only screen and (max-width: 980px) { /* line 128, ../scss/screen.scss */ .main_sidebar_wrap { width: 760px; padding: 30px 0; } } @media only screen and (max-width: 808px) { /* line 128, ../scss/screen.scss */ .main_sidebar_wrap { width: 100%; padding: 20px; } } /* line 137, ../scss/screen.scss */ .dark_wrap { width: 100%; background: #aac7d1; } /* line 138, ../scss/screen.scss */ .dark_wrap:after { content: ''; display: table; clear: both; } /* line 141, ../scss/screen.scss */ .main_cmg { width: 79.38462%; float: right; margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* line 142, ../scss/screen.scss */ .main_cmg.full { width: 100%; background: #fff; } /* line 143, ../scss/screen.scss */ .main_cmg.nopadding { padding: 0; } @media only screen and (max-width: 980px) { /* line 141, ../scss/screen.scss */ .main_cmg { width: 100%; float: none; } } /* line 147, ../scss/screen.scss */ .sidebar_cmg { width: 17.53846%; padding: 0; margin: 7px 0 0 0; float: left; display: inline; } @media only screen and (max-width: 980px) { /* line 147, ../scss/screen.scss */ .sidebar_cmg { float: none; } } /* line 151, ../scss/screen.scss */ .content_wrap { width: 100%; height: 610px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /* Header Layout --------------------------------------------------------------------------------------- */ /* Small Header --------------------------------------------------------------------------------------- */ /* line 159, ../scss/screen.scss */ .small_header_cmg { display: block; position: fixed; top: -81px; z-index: 800; width: 100%; background-color: rgba(56, 62, 64, 0.95); height: 81px; -webkit-transition: top 0.2s ease-in; -moz-transition: top 0.2s ease-in; -o-transition: top 0.2s ease-in; -ms-transition: top 0.2s ease-in; transition: top 0.2s ease-in; } /* line 160, ../scss/screen.scss */ .small_header_cmg:after { content: ''; display: table; clear: both; } /* line 161, ../scss/screen.scss */ .small_header_cmg.is--open { top: 0; } @media only screen and (max-width: 980px) { /* line 159, ../scss/screen.scss */ .small_header_cmg { display: none; } } /* line 165, ../scss/screen.scss */ .small_header_cmg .wrap { position: relative; background: none; width: 1300px; margin: 0 auto; height: 81px; } @media only screen and (max-width: 1380px) { /* line 165, ../scss/screen.scss */ .small_header_cmg .wrap { width: 1100px; } } @media only screen and (max-width: 1180px) { /* line 165, ../scss/screen.scss */ .small_header_cmg .wrap { width: 900px; } } /* line 170, ../scss/screen.scss */ .small_logo { position: absolute; top: 50%; left: 0; z-index: 100; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; width: 180px; height: auto; margin: 0; } /* line 171, ../scss/screen.scss */ .small_logo svg { display: block; width: 180px; height: auto; } /* line 172, ../scss/screen.scss */ .small_logo svg path { fill: #ffffff; } /* line 175, ../scss/screen.scss */ .main_nav_small { float: right; height: 34px; margin: 23px 0 0; } /* line 176, ../scss/screen.scss */ .main_nav_small:after { content: ''; display: table; clear: both; } /* line 177, ../scss/screen.scss */ .main_nav_small li { float: left; margin-right: 30px; font-family: "adelle-sans", Helvetica, sans-serif; font-size: 1.8em; } /* line 178, ../scss/screen.scss */ .main_nav_small li:last-child { margin-right: 0; } /* line 179, ../scss/screen.scss */ .main_nav_small li:last-child a { color: #f2d124; } /* line 182, ../scss/screen.scss */ .main_nav_small a { float: left; display: block; font-weight: 700; color: #fff; padding: 5px 0 0; -webkit-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; -ms-transition: color 0.2s ease-in; transition: color 0.2s ease-in; } /* line 183, ../scss/screen.scss */ .main_nav_small a:hover { color: #1291b2; } @media only screen and (max-width: 1380px) { /* line 186, ../scss/screen.scss */ .main_nav_small li { font-size: 1.7em; } } @media only screen and (max-width: 1180px) { /* line 189, ../scss/screen.scss */ .main_nav_small li { font-size: 1.6em; } } /* End Small Header --------------------------------------------------------------------------------------- */ /* line 195, ../scss/screen.scss */ .header_cmg_wrap { width: 100%; background: #ffffff; } /* line 196, ../scss/screen.scss */ .header_cmg { width: 1300px; height: 143px; margin: 0 auto; position: relative; display: table; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* line 197, ../scss/screen.scss */ .header_cmg h1 { width: 23.076923076923%; max-width: 300px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* line 198, ../scss/screen.scss */ .header_cmg h1 a { display: block; } /* line 199, ../scss/screen.scss */ .header_cmg h1 a img { display: block; width: 100%; height: auto; } @media only screen and (max-width: 1380px) { /* line 196, ../scss/screen.scss */ .header_cmg { width: 1100px; height: 121px; } } @media only screen and (max-width: 1180px) { /* line 196, ../scss/screen.scss */ .header_cmg { width: 900px; height: 99px; } } @media only screen and (max-width: 980px) { /* line 196, ../scss/screen.scss */ .header_cmg { width: 760px; height: 84px; } } @media only screen and (max-width: 808px) { /* line 196, ../scss/screen.scss */ .header_cmg { width: 100%; height: 64px; padding: 0 20px; } /* line 204, ../scss/screen.scss */ .header_cmg h1 { width: 150px; left: 20px; } } /* line 208, ../scss/screen.scss */ .main_nav { font-family: "adelle-sans", Helvetica, sans-serif; float: right; margin-top: 40px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } /* line 209, ../scss/screen.scss */ .main_nav li { position: relative; float: left; margin-top: 19px; } /* line 210, ../scss/screen.scss */ .main_nav li#get_started { font-family: "adelle", Georgia, "Times New Roman", serif; margin-top: 0; } /* line 211, ../scss/screen.scss */ .main_nav li#get_started a { color: #f2d124; } /* line 212, ../scss/screen.scss */ .main_nav li#get_started a:hover { color: #f2d124; } /* line 214, ../scss/screen.scss */ .main_nav li#get_started a span { font-size: .7em; font-weight: 400; font-style: italic; color: #4d5557; display: block; } /* line 216, ../scss/screen.scss */ .main_nav li a { display: block; color: #4d5557; font-size: 2.2em; font-weight: 700; padding: 0 35px 0 0; -webkit-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; -ms-transition: color 0.2s ease-in; transition: color 0.2s ease-in; } /* line 217, ../scss/screen.scss */ .main_nav li:last-child a { padding-right: 0; } /* line 218, ../scss/screen.scss */ .main_nav li a.active, .main_nav li a:hover { color: #1291b2; } @media only screen and (max-width: 1380px) { /* line 208, ../scss/screen.scss */ .main_nav { margin-top: 36px; } /* line 220, ../scss/screen.scss */ .main_nav li { margin-top: 16px; } /* line 221, ../scss/screen.scss */ .main_nav li a { font-size: 2em; } } @media only screen and (max-width: 1180px) { /* line 208, ../scss/screen.scss */ .main_nav { margin-top: 28px; } /* line 224, ../scss/screen.scss */ .main_nav li { margin-top: 15px; } /* line 225, ../scss/screen.scss */ .main_nav li a { font-size: 1.8em; } } @media only screen and (max-width: 980px) { /* line 208, ../scss/screen.scss */ .main_nav { display: none; } } /* line 231, ../scss/screen.scss */ a.btn_mobile_nav { display: none; } /* line 232, ../scss/screen.scss */ a.btn_mobile_nav.open { z-index: 100; color: #ffffff; } /* line 234, ../scss/screen.scss */ a.btn_mobile_nav.open:hover .line { background: #ffffff; } /* line 236, ../scss/screen.scss */ a.btn_mobile_nav.open .line { background: #ffffff; } /* line 237, ../scss/screen.scss */ a.btn_mobile_nav.open .line_1 { transform: translateY(6px) translateX(0) rotate(45deg); -webkit-transform: translateY(6px) translateX(0) rotate(45deg); -moz-transform: translateY(6px) translateX(0) rotate(45deg); -ms-transform: translateY(6px) translateX(0) rotate(45deg); } /* line 238, ../scss/screen.scss */ a.btn_mobile_nav.open .line_2 { opacity: 0; } /* line 239, ../scss/screen.scss */ a.btn_mobile_nav.open .line_3 { transform: translateY(-6px) translateX(0) rotate(-45deg); -webkit-transform: translateY(-6px) translateX(0) rotate(-45deg); -moz-transform: translateY(-6px) translateX(0) rotate(-45deg); -ms-transform: translateY(-6px) translateX(0) rotate(-45deg); } /* line 241, ../scss/screen.scss */ a.btn_mobile_nav .line { display: block; background: #4d5557; width: 24px; height: 3px; position: absolute; left: 0; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } /* line 242, ../scss/screen.scss */ a.btn_mobile_nav .line.line_1 { top: 0; } /* line 243, ../scss/screen.scss */ a.btn_mobile_nav .line.line_2 { top: 50%; } /* line 244, ../scss/screen.scss */ a.btn_mobile_nav .line.line_3 { top: 100%; } /* line 247, ../scss/screen.scss */ a.btn_mobile_nav:hover .line { background: #1291b2; } @media only screen and (max-width: 980px) { /* line 231, ../scss/screen.scss */ a.btn_mobile_nav { position: relative; display: block; width: 24px; height: 12px; float: right; margin-top: 35px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } } @media only screen and (max-width: 808px) { /* line 231, ../scss/screen.scss */ a.btn_mobile_nav { font-size: 1.4em; margin-top: 24px; } } /* Homepage Layout --------------------------------------------------------------------------------------- */ /* line 256, ../scss/screen.scss */ .tier_2, .tier_3, .tier_4 { width: 1300px; margin: 0 auto; padding: 80px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } @media only screen and (max-width: 1380px) { /* line 256, ../scss/screen.scss */ .tier_2, .tier_3, .tier_4 { width: 1100px; padding: 60px 0; } } @media only screen and (max-width: 1180px) { /* line 256, ../scss/screen.scss */ .tier_2, .tier_3, .tier_4 { width: 900px; padding: 40px 0; } } @media only screen and (max-width: 980px) { /* line 256, ../scss/screen.scss */ .tier_2, .tier_3, .tier_4 { width: 760px; padding: 30px 0; } } @media only screen and (max-width: 808px) { /* line 256, ../scss/screen.scss */ .tier_2, .tier_3, .tier_4 { width: 100%; padding: 20px; } } /* line 264, ../scss/screen.scss */ .tier_1_wrap { width: 100%; background: #1c2224; } /* line 265, ../scss/screen.scss */ .main_banner { display: none; position: relative; width: 100%; height: 579px; margin: 0 auto; } /* line 266, ../scss/screen.scss */ .main_banner:first-of-type { display: block !important; } @media only screen and (max-width: 1380px) { /* line 265, ../scss/screen.scss */ .main_banner { height: 490px; background-size: 2066px auto; } } @media only screen and (max-width: 1180px) { /* line 265, ../scss/screen.scss */ .main_banner { height: 401px; background-size: 1733px auto; } } @media only screen and (max-width: 980px) { /* line 265, ../scss/screen.scss */ .main_banner { height: 360px; background-size: 1565px auto; } } @media only screen and (max-width: 808px) { /* line 265, ../scss/screen.scss */ .main_banner { height: 338px; background-size: 1439px auto; } } @media only screen and (max-width: 660px) { /* line 265, ../scss/screen.scss */ .main_banner { height: 294px; background-size: 1307px auto; } } @media only screen and (max-width: 480px) { /* line 265, ../scss/screen.scss */ .main_banner { height: 214px; background-size: 1067px auto; } } /* line 273, ../scss/screen.scss */ .main_banner .main_banner_text_wrap { display: block; width: 1300px; position: absolute; z-index: 20; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* line 274, ../scss/screen.scss */ .main_banner .main_banner_text_wrap:after { content: ''; display: table; clear: both; } @media only screen and (max-width: 1380px) { /* line 273, ../scss/screen.scss */ .main_banner .main_banner_text_wrap { width: 1100px; } } @media only screen and (max-width: 1180px) { /* line 273, ../scss/screen.scss */ .main_banner .main_banner_text_wrap { width: 900px; } } @media only screen and (max-width: 980px) { /* line 273, ../scss/screen.scss */ .main_banner .main_banner_text_wrap { width: 760px; } } @media only screen and (max-width: 808px) { /* line 273, ../scss/screen.scss */ .main_banner .main_banner_text_wrap { width: 100%; padding: 0 20px; text-align: center; } } /* line 280, ../scss/screen.scss */ .main_banner .main_banner_text { float: left; display: block; width: 685px; } /* line 281, ../scss/screen.scss */ .main_banner .main_banner_text p { margin-bottom: 30px; font-size: 4em; line-height: 1.3em; color: #ffffff; } /* line 282, ../scss/screen.scss */ .main_banner .main_banner_text p strong span { background-color: #1291b2 !important; color: #ffffff !important; } @media only screen and (max-width: 1380px) { /* line 280, ../scss/screen.scss */ .main_banner .main_banner_text { width: 625px; } /* line 284, ../scss/screen.scss */ .main_banner .main_banner_text p { font-size: 3.6em; } } @media only screen and (max-width: 1180px) { /* line 280, ../scss/screen.scss */ .main_banner .main_banner_text { width: 545px; } /* line 287, ../scss/screen.scss */ .main_banner .main_banner_text p { font-size: 3.2em; } } @media only screen and (max-width: 980px) { /* line 280, ../scss/screen.scss */ .main_banner .main_banner_text { width: 485px; } /* line 290, ../scss/screen.scss */ .main_banner .main_banner_text p { font-size: 2.8em; } } @media only screen and (max-width: 808px) { /* line 280, ../scss/screen.scss */ .main_banner .main_banner_text { width: 100%; } /* line 293, ../scss/screen.scss */ .main_banner .main_banner_text p { font-size: 2.4em; } } @media only screen and (max-width: 660px) { /* line 280, ../scss/screen.scss */ .main_banner .main_banner_text { width: 100%; } /* line 296, ../scss/screen.scss */ .main_banner .main_banner_text p { font-size: 2em; } } @media only screen and (max-width: 480px) { /* line 280, ../scss/screen.scss */ .main_banner .main_banner_text { width: 100%; } /* line 299, ../scss/screen.scss */ .main_banner .main_banner_text p { font-size: 1.6em; } } /* line 304, ../scss/screen.scss */ .hp_callout_header { margin-bottom: 30px; font-size: 4.8em; font-weight: 700; color: #1291b2; text-align: center; } /* line 305, ../scss/screen.scss */ .hp_callout_header.alt { color: #ffffff; } /* line 306, ../scss/screen.scss */ .hp_callout_header.left { text-align: left; } @media only screen and (max-width: 1380px) { /* line 304, ../scss/screen.scss */ .hp_callout_header { font-size: 4.2em; } } @media only screen and (max-width: 1180px) { /* line 304, ../scss/screen.scss */ .hp_callout_header { font-size: 3.6em; } } @media only screen and (max-width: 980px) { /* line 304, ../scss/screen.scss */ .hp_callout_header { font-size: 3em; } } @media only screen and (max-width: 808px) { /* line 304, ../scss/screen.scss */ .hp_callout_header { font-size: 2.4em; margin-bottom: 20px; } } /* line 314, ../scss/screen.scss */ .panel_wrap { position: relative; width: 100%; } /* line 315, ../scss/screen.scss */ .panel_wrap:after { content: ''; display: table; clear: both; } /* line 316, ../scss/screen.scss */ .panel_wrap span.or { display: block; position: absolute; top: 60px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); width: 80px; height: 80px; background: #ffffff; font-size: 3em; line-height: 75px; font-weight: 700; text-transform: uppercase; text-align: center; border: 1px solid #d5dee0; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; } @media only screen and (max-width: 1380px) { /* line 316, ../scss/screen.scss */ .panel_wrap span.or { top: 45px; font-size: 2.8em; width: 70px; height: 70px; line-height: 65px; -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; } } @media only screen and (max-width: 1180px) { /* line 316, ../scss/screen.scss */ .panel_wrap span.or { top: 30px; font-size: 2.6em; width: 60px; height: 60px; line-height: 55px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; } } @media only screen and (max-width: 980px) { /* line 316, ../scss/screen.scss */ .panel_wrap span.or { top: 25px; font-size: 2.4em; width: 50px; height: 50px; line-height: 45px; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; } } @media only screen and (max-width: 808px) { /* line 316, ../scss/screen.scss */ .panel_wrap span.or { display: none; font-size: 2.2em; width: 40px; height: 40px; line-height: 35px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; } } /* line 323, ../scss/screen.scss */ .panel { width: 50%; float: left; padding: 80px; border: 1px solid #d5dee0; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* line 324, ../scss/screen.scss */ .panel.last { border-left: 0; } @media only screen and (max-width: 808px) { /* line 324, ../scss/screen.scss */ .panel.last { border-top: 0; border-left: 1px solid #d5dee0; } } /* line 327, ../scss/screen.scss */ .panel.full { width: 100%; border-top: 0; padding: 40px; text-align: center; } /* line 328, ../scss/screen.scss */ .panel.full:after { content: ''; display: table; clear: both; } /* line 329, ../scss/screen.scss */ .panel.full p { display: inline-block; font-size: 3em; margin: 0; line-height: 1em; } /* line 330, ../scss/screen.scss */ .panel.full a { display: inline-block; margin-left: 40px; } @media only screen and (max-width: 1380px) { /* line 327, ../scss/screen.scss */ .panel.full { padding: 35px; } /* line 332, ../scss/screen.scss */ .panel.full p { font-size: 2.8em; } } @media only screen and (max-width: 1180px) { /* line 327, ../scss/screen.scss */ .panel.full { padding: 30px; } /* line 335, ../scss/screen.scss */ .panel.full p { font-size: 2.6em; } } @media only screen and (max-width: 980px) { /* line 327, ../scss/screen.scss */ .panel.full { padding: 25px; } /* line 338, ../scss/screen.scss */ .panel.full p { font-size: 2.4em; } } @media only screen and (max-width: 808px) { /* line 327, ../scss/screen.scss */ .panel.full { padding: 20px; } /* line 341, ../scss/screen.scss */ .panel.full p { font-size: 2.2em; } } @media only screen and (max-width: 660px) { /* line 344, ../scss/screen.scss */ .panel.full p { font-size: 2em; } /* line 345, ../scss/screen.scss */ .panel.full a { display: block; width: 225px; margin: 10px auto 0; } } /* line 348, ../scss/screen.scss */ .panel h3 { font-size: 3em; font-weight: 700; text-transform: uppercase; color: #aac7d1; letter-spacing: 1px; } /* line 349, ../scss/screen.scss */ .panel p { font-size: 2.4em; } @media only screen and (max-width: 1380px) { /* line 323, ../scss/screen.scss */ .panel { padding: 60px; } /* line 351, ../scss/screen.scss */ .panel h3 { font-size: 2.8em; } /* line 352, ../scss/screen.scss */ .panel p { font-size: 2.2em; } } @media only screen and (max-width: 1180px) { /* line 323, ../scss/screen.scss */ .panel { padding: 40px; } /* line 355, ../scss/screen.scss */ .panel h3 { font-size: 2.6em; } /* line 356, ../scss/screen.scss */ .panel p { font-size: 2em; } } @media only screen and (max-width: 980px) { /* line 323, ../scss/screen.scss */ .panel { padding: 30px; } /* line 359, ../scss/screen.scss */ .panel h3 { font-size: 2.4em; } /* line 360, ../scss/screen.scss */ .panel p { font-size: 1.8em; } } @media only screen and (max-width: 808px) { /* line 323, ../scss/screen.scss */ .panel { width: 100%; float: none; padding: 20px; } /* line 363, ../scss/screen.scss */ .panel h3 { font-size: 2.2em; } /* line 364, ../scss/screen.scss */ .panel p { font-size: 1.6em; } } @media only screen and (max-width: 660px) { /* line 367, ../scss/screen.scss */ .panel h3 { font-size: 2em; } } /* line 372, ../scss/screen.scss */ .tier_3_wrap { width: 100%; background: #aac7d1; } /* line 374, ../scss/screen.scss */ .latest_greatest_wrap { width: 100%; } /* line 375, ../scss/screen.scss */ .latest_greatest_wrap:after { content: ''; display: table; clear: both; } /* line 376, ../scss/screen.scss */ .latest_greatest_wrap a { display: block; width: 22.69230769230775%; height: auto; float: left; margin-right: 3.076923076923%; color: #ffffff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* line 377, ../scss/screen.scss */ .latest_greatest_wrap a:last-of-type { margin-right: 0; } /* line 378, ../scss/screen.scss */ .latest_greatest_wrap a:hover img { border: 3px solid #1291b2; } /* line 379, ../scss/screen.scss */ .latest_greatest_wrap a:hover span, .latest_greatest_wrap a:hover small { color: #1291b2; } @media only screen and (max-width: 808px) { /* line 376, ../scss/screen.scss */ .latest_greatest_wrap a { width: 48.4615384615385%; } /* line 384, ../scss/screen.scss */ .latest_greatest_wrap a:nth-of-type(even) { margin-right: 0; } /* line 385, ../scss/screen.scss */ .latest_greatest_wrap a:nth-of-type(3), .latest_greatest_wrap a:nth-of-type(4) { margin-top: 20px; } } /* line 388, ../scss/screen.scss */ .latest_greatest_wrap img { display: block; width: 100%; height: auto; border: 3px solid #ffffff; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* line 389, ../scss/screen.scss */ .latest_greatest_wrap span { display: block; margin-top: 7px; font-size: 2em; font-weight: 700; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #ffffff; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } /* line 390, ../scss/screen.scss */ .latest_greatest_wrap small { display: block; font-size: 1.6em; font-weight: 400; color: #ffffff; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } @media only screen and (max-width: 1380px) { /* line 392, ../scss/screen.scss */ .latest_greatest_wrap span { font-size: 1.9em; } /* line 393, ../scss/screen.scss */ .latest_greatest_wrap small { font-size: 1.5em; } } @media only screen and (max-width: 1180px) { /* line 396, ../scss/screen.scss */ .latest_greatest_wrap span { font-size: 1.8em; } /* line 397, ../scss/screen.scss */ .latest_greatest_wrap small { font-size: 1.4em; } } @media only screen and (max-width: 980px) { /* line 400, ../scss/screen.scss */ .latest_greatest_wrap span { font-size: 1.7em; } /* line 401, ../scss/screen.scss */ .latest_greatest_wrap small { font-size: 1.3em; } } @media only screen and (max-width: 808px) { /* line 404, ../scss/screen.scss */ .latest_greatest_wrap span { font-size: 1.6em; } /* line 405, ../scss/screen.scss */ .latest_greatest_wrap small { font-size: 1.2em; } } @media only screen and (max-width: 660px) { /* line 408, ../scss/screen.scss */ .latest_greatest_wrap span { font-size: 1.4em; } } /* line 413, ../scss/screen.scss */ .tier_4_wrap { position: relative; } /* line 414, ../scss/screen.scss */ .cst_line { width: 100%; position: absolute; z-index: 1; top: 138px; border: 0; height: 0; border-top: 1px solid #d5dee0; } @media only screen and (max-width: 1380px) { /* line 414, ../scss/screen.scss */ .cst_line { top: 115px; } } @media only screen and (max-width: 1180px) { /* line 414, ../scss/screen.scss */ .cst_line { top: 90px; } } @media only screen and (max-width: 980px) { /* line 414, ../scss/screen.scss */ .cst_line { top: 75px; } } @media only screen and (max-width: 808px) { /* line 414, ../scss/screen.scss */ .cst_line { top: 58px; } } @media only screen and (max-width: 660px) { /* line 414, ../scss/screen.scss */ .cst_line { display: none; } } /* line 421, ../scss/screen.scss */ .creative_solutions_tagline { position: relative; z-index: 10; width: 100%; padding: 36px 24px; background-color: #ffffff; border: 1px solid #d5dee0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* line 422, ../scss/screen.scss */ .creative_solutions_tagline h4 { font-size: 3.6em; font-weight: 700; color: #1291b2; text-align: center; } @media only screen and (max-width: 1380px) { /* line 424, ../scss/screen.scss */ .creative_solutions_tagline h4 { font-size: 3.3em; } } @media only screen and (max-width: 1180px) { /* line 421, ../scss/screen.scss */ .creative_solutions_tagline { padding: 32px 20px; } /* line 427, ../scss/screen.scss */ .creative_solutions_tagline h4 { font-size: 3em; } } @media only screen and (max-width: 980px) { /* line 421, ../scss/screen.scss */ .creative_solutions_tagline { padding: 28px 16px; } /* line 430, ../scss/screen.scss */ .creative_solutions_tagline h4 { font-size: 2.7em; } } @media only screen and (max-width: 808px) { /* line 421, ../scss/screen.scss */ .creative_solutions_tagline { padding: 24px 12px; } /* line 433, ../scss/screen.scss */ .creative_solutions_tagline h4 { font-size: 2.4em; } } @media only screen and (max-width: 660px) { /* line 421, ../scss/screen.scss */ .creative_solutions_tagline { padding: 20px 8px; } /* line 436, ../scss/screen.scss */ .creative_solutions_tagline h4 { font-size: 2.1em; } } @media only screen and (max-width: 480px) { /* line 439, ../scss/screen.scss */ .creative_solutions_tagline h4 { font-size: 1.8em; } } /* line 442, ../scss/screen.scss */ .hp_callout_3_wrap { width: 100%; padding: 80px 0 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* line 443, ../scss/screen.scss */ .hp_callout_3_wrap:after { content: ''; display: table; clear: both; } @media only screen and (max-width: 1380px) { /* line 442, ../scss/screen.scss */ .hp_callout_3_wrap { padding: 60px 0; } } @media only screen and (max-width: 1180px) { /* line 442, ../scss/screen.scss */ .hp_callout_3_wrap { padding: 40px 0; } } @media only screen and (max-width: 980px) { /* line 442, ../scss/screen.scss */ .hp_callout_3_wrap { padding: 30px 0; } } @media only screen and (max-width: 808px) { /* line 442, ../scss/screen.scss */ .hp_callout_3_wrap { padding: 20px; } } /* line 449, ../scss/screen.scss */ .hp_callout_3 { width: 29.230769230769%; float: left; text-align: center; } /* line 450, ../scss/screen.scss */ .hp_callout_3.technology { padding-top: 17px; padding-top: 7px\9; } /* line 451, ../scss/screen.scss */ .hp_callout_3.services { padding: 7px 6.153846153846% 0; } /* line 452, ../scss/screen.scss */ .hp_callout_3.ministry { float: right; } /* line 453, ../scss/screen.scss */ .hp_callout_3 svg { width: 47.368421052632%; height: auto; max-height: 100%; } /* line 454, ../scss/screen.scss */ .hp_callout_3 svg path { fill: #aac7d1; } /* line 455, ../scss/screen.scss */ .hp_callout_3 h5 { margin: 24px 0 16px; font-size: 2.4em; font-weight: 700; } /* line 456, ../scss/screen.scss */ .hp_callout_3 p { font-size: 2em; line-height: 1.8em; } @media only screen and (max-width: 1380px) { /* line 459, ../scss/screen.scss */ .hp_callout_3 h5 { font-size: 2.2em; } /* line 460, ../scss/screen.scss */ .hp_callout_3 p { font-size: 1.7em; } } @media only screen and (max-width: 1180px) { /* line 463, ../scss/screen.scss */ .hp_callout_3 h5 { font-size: 2em; } /* line 464, ../scss/screen.scss */ .hp_callout_3 p { font-size: 1.6em; } } @media only screen and (max-width: 980px) { /* line 467, ../scss/screen.scss */ .hp_callout_3 h5 { margin: 20px 0 12px; font-size: 1.8em; } /* line 468, ../scss/screen.scss */ .hp_callout_3 p { font-size: 1.5em; } } @media only screen and (max-width: 808px) { /* line 471, ../scss/screen.scss */ .hp_callout_3 h5 { margin: 16px 0 8px; font-size: 1.6em; } /* line 472, ../scss/screen.scss */ .hp_callout_3 p { font-size: 1.4em; } } @media only screen and (max-width: 660px) { /* line 449, ../scss/screen.scss */ .hp_callout_3 { width: 80%; float: none; margin: 0 auto 20px; padding-bottom: 20px; border-bottom: 1px solid #d5dee0; } /* line 475, ../scss/screen.scss */ .hp_callout_3.services { padding: 0 0 20px 0; } /* line 476, ../scss/screen.scss */ .hp_callout_3.ministry { float: none; margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } /* line 477, ../scss/screen.scss */ .hp_callout_3 svg { width: 35%; } } @media only screen and (max-width: 480px) { /* line 449, ../scss/screen.scss */ .hp_callout_3 { width: 100%; } /* line 480, ../scss/screen.scss */ .hp_callout_3 svg { width: 45%; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* line 485, ../scss/screen.scss */ .hp_callout_3.technology { padding-top: 7px; } /* IE10+ CSS styles go here */ } /* Footer Layout --------------------------------------------------------------------------------------- */ /* line 491, ../scss/screen.scss */ .bottom_cta_wrap { width: 100%; background: url(../images/bg/bg_bottom_cta.jpg) 0 0 no-repeat; background-size: cover; } /* line 492, ../scss/screen.scss */ .bottom_cta { width: 1300px; margin: 0 auto; } /* line 493, ../scss/screen.scss */ .bottom_cta:after { content: ''; display: table; clear: both; } @media only screen and (max-width: 1380px) { /* line 492, ../scss/screen.scss */ .bottom_cta { width: 1100px; } } @media only screen and (max-width: 1180px) { /* line 492, ../scss/screen.scss */ .bottom_cta { width: 900px; } } @media only screen and (max-width: 980px) { /* line 492, ../scss/screen.scss */ .bottom_cta { width: 760px; } } @media only screen and (max-width: 808px) { /* line 492, ../scss/screen.scss */ .bottom_cta { width: 100%; } } /* line 499, ../scss/screen.scss */ .bottom_column { width: 50%; float: left; padding: 80px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* line 500, ../scss/screen.scss */ .bottom_column:first-of-type { padding-left: 0; } /* line 501, ../scss/screen.scss */ .bottom_column:last-of-type { border-left: 1px solid rgba(255, 255, 255, 0.5); padding-right: 0; } /* line 502, ../scss/screen.scss */ .bottom_column h2 { font-size: 4.8em; line-height: 1em; font-weight: 700; color: #ffffff; } /* line 503, ../scss/screen.scss */ .bottom_column p { margin: 30px 0; font-size: 2.4em; line-height: 1.6em; color: #ffffff; } /* line 504, ../scss/screen.scss */ .bottom_column .input_row { position: relative; width: 100%; } /* line 505, ../scss/screen.scss */ .bottom_column .input_row:after { content: ''; display: table; clear: both; } /* line 507, ../scss/screen.scss */ .bottom_column .btn_main.secondary { height: 60px; line-height: 60px; font-size: 2.4em; } @media only screen and (max-width: 1380px) { /* line 507, ../scss/screen.scss */ .bottom_column .btn_main.secondary { height: 45px; line-height: 45px; font-size: 1.9em; } } @media only screen and (max-width: 1180px) { /* line 507, ../scss/screen.scss */ .bottom_column .btn_main.secondary { height: 40px; line-height: 40px; font-size: 1.8em; } } @media only screen and (max-width: 980px) { /* line 507, ../scss/screen.scss */ .bottom_column .btn_main.secondary { height: 35px; line-height: 35px; font-size: 1.7em; } } @media only screen and (max-width: 808px) { /* line 507, ../scss/screen.scss */ .bottom_column .btn_main.secondary { height: 30px; line-height: 30px; font-size: 1.6em; } } /* line 513, ../scss/screen.scss */ .bottom_column label { position: absolute; top: 12px; left: 20px; font-size: 2.4em; font-weight: 400; color: #9faaae; } @media only screen and (max-width: 1380px) { /* line 513, ../scss/screen.scss */ .bottom_column label { top: 10px; font-size: 1.9em; } } @media only screen and (max-width: 1180px) { /* line 513, ../scss/screen.scss */ .bottom_column label { top: 7px; font-size: 1.8em; } } @media only screen and (max-width: 980px) { /* line 513, ../scss/screen.scss */ .bottom_column label { top: 4px; left: 15px; font-size: 1.7em; } } @media only screen and (max-width: 808px) { /* line 513, ../scss/screen.scss */ .bottom_column label { top: 3px; left: 10px; font-size: 1.6em; } } /* line 519, ../scss/screen.scss */ .bottom_column #email_label.error { color: #f04646; } /* line 520, ../scss/screen.scss */ .bottom_column input[type="submit"], .bottom_column button[type="submit"] { display: inline-block; height: 60px; line-height: 60px; margin: 0; padding: 0 80px; background: #f2d124; font-family: "adelle", Georgia, "Times New Roman", serif; font-size: 2.4em; font-weight: 700; color: #ffffff; border: 0; -webkit-appearance: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } /* line 521, ../scss/screen.scss */ .bottom_column input[type="submit"]:hover, .bottom_column button[type="submit"]:hover { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); } @media only screen and (max-width: 1380px) { /* line 520, ../scss/screen.scss */ .bottom_column input[type="submit"], .bottom_column button[type="submit"] { height: 45px; line-height: 45px; font-size: 1.9em; } } @media only screen and (max-width: 1180px) { /* line 520, ../scss/screen.scss */ .bottom_column input[type="submit"], .bottom_column button[type="submit"] { height: 40px; line-height: 40px; font-size: 1.8em; } } @media only screen and (max-width: 980px) { /* line 520, ../scss/screen.scss */ .bottom_column input[type="submit"], .bottom_column button[type="submit"] { height: 35px; line-height: 35px; font-size: 1.7em; } } @media only screen and (max-width: 808px) { /* line 520, ../scss/screen.scss */ .bottom_column input[type="submit"], .bottom_column button[type="submit"] { height: 30px; line-height: 30px; font-size: 1.6em; } } /* line 527, ../scss/screen.scss */ .bottom_column input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* line 528, ../scss/screen.scss */ .bottom_column input[type="submit"], .bottom_column button[type="submit"] { cursor: pointer; float: left; padding: 0; width: 15.992970123023%; text-align: center; } /* line 529, ../scss/screen.scss */ .bottom_column input[type="text"], .bottom_column input[type="email"] { float: left; display: inline-block; margin: 0; padding: 0 20px; width: 84.007029876977%; height: 60px; background: #ffffff; border: 0; font-family: "adelle-sans", Helvetica, sans-serif; font-size: 2.4em; color: #9faaae; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } /* line 530, ../scss/screen.scss */ .bottom_column input[type="text"].error, .bottom_column input[type="email"].error { background: #e8c1c1; color: #f04646; } @media only screen and (max-width: 1380px) { /* line 529, ../scss/screen.scss */ .bottom_column input[type="text"], .bottom_column input[type="email"] { height: 45px; line-height: 45px; font-size: 1.9em; } } @media only screen and (max-width: 1180px) { /* line 529, ../scss/screen.scss */ .bottom_column input[type="text"], .bottom_column input[type="email"] { height: 40px; line-height: 40px; font-size: 1.8em; } } @media only screen and (max-width: 980px) { /* line 529, ../scss/screen.scss */ .bottom_column input[type="text"], .bottom_column input[type="email"] { padding: 0 15px; height: 35px; line-height: 35px; font-size: 1.7em; } } @media only screen and (max-width: 808px) { /* line 529, ../scss/screen.scss */ .bottom_column input[type="text"], .bottom_column input[type="email"] { padding: 0 10px; height: 30px; line-height: 30px; font-size: 1.6em; } } @media only screen and (max-width: 1380px) { /* line 499, ../scss/screen.scss */ .bottom_column { padding: 60px; } /* line 537, ../scss/screen.scss */ .bottom_column h2 { font-size: 4.2em; } /* line 538, ../scss/screen.scss */ .bottom_column p { font-size: 2.2em; } } @media only screen and (max-width: 1180px) { /* line 499, ../scss/screen.scss */ .bottom_column { padding: 40px; } /* line 541, ../scss/screen.scss */ .bottom_column h2 { font-size: 3.6em; } /* line 542, ../scss/screen.scss */ .bottom_column p { margin: 20px 0; font-size: 2em; } } @media only screen and (max-width: 980px) { /* line 499, ../scss/screen.scss */ .bottom_column { padding: 30px; } /* line 545, ../scss/screen.scss */ .bottom_column h2 { font-size: 3.2em; } /* line 546, ../scss/screen.scss */ .bottom_column p { margin: 15px 0; font-size: 1.8em; } } @media only screen and (max-width: 808px) { /* line 499, ../scss/screen.scss */ .bottom_column { width: 100%; float: none; text-align: center; } /* line 549, ../scss/screen.scss */ .bottom_column:first-of-type { padding-left: 30px; } /* line 550, ../scss/screen.scss */ .bottom_column:last-of-type { border-left: 0; border-top: 1px solid rgba(255, 255, 255, 0.5); padding-right: 30px; } /* line 551, ../scss/screen.scss */ .bottom_column h2 { font-size: 2.6em; } /* line 552, ../scss/screen.scss */ .bottom_column p { margin: 10px 0; font-size: 1.6em; } } /* line 556, ../scss/screen.scss */ .footer_cmg_wrap { width: 100%; background: #4d5557; border-top: 1px solid rgba(255, 255, 255, 0.5); } /* line 557, ../scss/screen.scss */ .footer_cmg { width: 1300px; margin: 0 auto; padding: 80px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* line 558, ../scss/screen.scss */ .footer_cmg:after { content: ''; display: table; clear: both; } /* line 559, ../scss/screen.scss */ .footer_cmg p { color: #ffffff; line-height: 1.4em; } /* line 560, ../scss/screen.scss */ .footer_cmg a { color: #ffffff; } @media only screen and (max-width: 1380px) { /* line 557, ../scss/screen.scss */ .footer_cmg { width: 1100px; padding: 60px 0; } /* line 562, ../scss/screen.scss */ .footer_cmg p { font-size: 1.7em; } } @media only screen and (max-width: 1180px) { /* line 557, ../scss/screen.scss */ .footer_cmg { width: 900px; padding: 40px 0; } /* line 565, ../scss/screen.scss */ .footer_cmg p { font-size: 1.6em; } } @media only screen and (max-width: 980px) { /* line 557, ../scss/screen.scss */ .footer_cmg { width: 760px; padding: 30px 0; } /* line 568, ../scss/screen.scss */ .footer_cmg p { font-size: 1.5em; } } @media only screen and (max-width: 808px) { /* line 557, ../scss/screen.scss */ .footer_cmg { width: 100%; padding: 30px; } /* line 571, ../scss/screen.scss */ .footer_cmg p { font-size: 1.4em; } } /* line 574, ../scss/screen.scss */ .footer_contact { width: 17.53846%; float: left; margin-right: 3.076923076923%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* line 575, ../scss/screen.scss */ .footer_contact:after { content: ''; display: table; clear: both; } /* line 576, ../scss/screen.scss */ .footer_contact h3 { font-size: 2.4em; font-weight: 700; color: #ffffff; } /* line 578, ../scss/screen.scss */ .footer_contact .contact_info a.map_url { font-weight: 400; } @media only screen and (max-width: 1380px) { /* line 574, ../scss/screen.scss */ .footer_contact { width: 70%; float: none; margin: 0 auto; } /* line 581, ../scss/screen.scss */ .footer_contact h3 { font-size: 2.2em; width: 45%; float: left; } /* line 582, ../scss/screen.scss */ .footer_contact .contact_info { width: 55%; float: right; } /* line 583, ../scss/screen.scss */ .footer_contact .contact_info:after { content: ''; display: table; clear: both; } /* line 584, ../scss/screen.scss */ .footer_contact .contact_info p:first-of-type { float: left; margin: 0; } /* line 585, ../scss/screen.scss */ .footer_contact .contact_info p:last-of-type { float: right; margin: 0; } } @media only screen and (max-width: 1180px) { /* line 574, ../scss/screen.scss */ .footer_contact { width: 80%; } /* line 589, ../scss/screen.scss */ .footer_contact h3 { font-size: 2em; } } @media only screen and (max-width: 980px) { /* line 574, ../scss/screen.scss */ .footer_contact { width: 90%; } /* line 592, ../scss/screen.scss */ .footer_contact h3 { font-size: 1.8em; } } @media only screen and (max-width: 808px) { /* line 574, ../scss/screen.scss */ .footer_contact { width: 100%; } /* line 595, ../scss/screen.scss */ .footer_contact h3 { font-size: 1.6em; } } @media only screen and (max-width: 660px) { /* line 574, ../scss/screen.scss */ .footer_contact { text-align: center; } /* line 598, ../scss/screen.scss */ .footer_contact h3 { font-size: 1.4em; width: 100%; float: none; } /* line 599, ../scss/screen.scss */ .footer_contact .contact_info { width: 100%; float: none; } /* line 600, ../scss/screen.scss */ .footer_contact .contact_info p:first-of-type, .footer_contact .contact_info p:last-of-type { float: none; margin: 12px 0; } } /* line 604, ../scss/screen.scss */ .footer_nav { width: 79.38462%; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* line 605, ../scss/screen.scss */ .footer_nav ul { width: 100%; height: 80px; line-height: 80px; border: 1px solid rgba(255, 255, 255, 0.3); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* line 606, ../scss/screen.scss */ .footer_nav ul li { float: left; width: 16.6666667%; font-size: 1.6em; text-transform: uppercase; text-align: center; border-right: 1px solid rgba(255, 255, 255, 0.3); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* line 607, ../scss/screen.scss */ .footer_nav ul li:last-child { border-right: 0; } /* line 609, ../scss/screen.scss */ .footer_nav ul li a { display: block; font-weight: 700; color: #ffffff; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } /* line 610, ../scss/screen.scss */ .footer_nav ul li a:hover { background: rgba(255, 255, 255, 0.1); color: #ffffff; } @media only screen and (max-width: 1380px) { /* line 604, ../scss/screen.scss */ .footer_nav { width: 100%; float: none; margin-top: 40px; } /* line 613, ../scss/screen.scss */ .footer_nav ul { height: 70px; line-height: 70px; } /* line 614, ../scss/screen.scss */ .footer_nav ul li { font-size: 1.5em; } } @media only screen and (max-width: 1180px) { /* line 617, ../scss/screen.scss */ .footer_nav ul { height: 60px; line-height: 60px; } /* line 618, ../scss/screen.scss */ .footer_nav ul li { font-size: 1.4em; } } @media only screen and (max-width: 980px) { /* line 621, ../scss/screen.scss */ .footer_nav ul { height: 50px; line-height: 50px; } /* line 622, ../scss/screen.scss */ .footer_nav ul li { font-size: 1.3em; } } @media only screen and (max-width: 808px) { /* line 625, ../scss/screen.scss */ .footer_nav ul { height: 40px; line-height: 40px; } /* line 626, ../scss/screen.scss */ .footer_nav ul li { font-size: 1.2em; } } @media only screen and (max-width: 660px) { /* line 604, ../scss/screen.scss */ .footer_nav { display: none; } } /* line 630, ../scss/screen.scss */ .copyright { width: 79.38462%; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin-top: 40px; padding-top: 40px; border-top: 1px solid rgba(255, 255, 255, 0.3); } /* line 631, ../scss/screen.scss */ .copyright:after { content: ''; display: table; clear: both; } /* line 632, ../scss/screen.scss */ .copyright .left { float: left; } /* line 633, ../scss/screen.scss */ .copyright p { margin: 0; line-height: 1.95em; } /* line 634, ../scss/screen.scss */ .copyright a { font-weight: 400; } @media only screen and (max-width: 1380px) { /* line 630, ../scss/screen.scss */ .copyright { width: 100%; float: none; } /* line 636, ../scss/screen.scss */ .copyright p { font-size: 1.7em; } } @media only screen and (max-width: 1180px) { /* line 639, ../scss/screen.scss */ .copyright p { font-size: 1.6em; } } @media only screen and (max-width: 980px) { /* line 630, ../scss/screen.scss */ .copyright { margin-top: 30px; padding-top: 30px; } /* line 642, ../scss/screen.scss */ .copyright p { font-size: 1.5em; } } @media only screen and (max-width: 808px) { /* line 630, ../scss/screen.scss */ .copyright { margin-top: 20px; padding-top: 20px; } /* line 645, ../scss/screen.scss */ .copyright .left { float: none; } /* line 646, ../scss/screen.scss */ .copyright p { font-size: 1.4em; } } /* line 649, ../scss/screen.scss */ .footer_links > ul { text-align: left; } @media only screen and (max-width: 808px) { /* line 649, ../scss/screen.scss */ .footer_links > ul { text-align: center; } } /* line 652, ../scss/screen.scss */ .footer_links > ul > li { display: inline-block; font-size: 1.8em; line-height: 1.95em; color: #ffffff; } /* line 653, ../scss/screen.scss */ .footer_links > ul > li:first-child { display: block; } @media only screen and (max-width: 1380px) { /* line 652, ../scss/screen.scss */ .footer_links > ul > li { font-size: 1.7em; line-height: 1.7em; } } @media only screen and (max-width: 1180px) { /* line 652, ../scss/screen.scss */ .footer_links > ul > li { font-size: 1.6em; line-height: 1.6em; } } @media only screen and (max-width: 980px) { /* line 652, ../scss/screen.scss */ .footer_links > ul > li { font-size: 1.5em; line-height: 1.5em; } } @media only screen and (max-width: 808px) { /* line 652, ../scss/screen.scss */ .footer_links > ul > li { font-size: 1.4em; line-height: 1.4em; } } /* line 660, ../scss/screen.scss */ .social_media { float: right; text-align: center; } /* line 661, ../scss/screen.scss */ .social_media:after { content: ''; display: table; clear: both; } /* line 662, ../scss/screen.scss */ .social_media li { display: inline-block; margin-left: 20px; } /* line 663, ../scss/screen.scss */ .social_media li:first-child { display: inline-block !important; } /* line 665, ../scss/screen.scss */ .social_media li a { display: block; } /* line 666, ../scss/screen.scss */ .social_media li a:hover svg path { fill: #f2d124; } /* line 668, ../scss/screen.scss */ .social_media svg { width: 60px; height: 60px; } /* line 669, ../scss/screen.scss */ .social_media svg path { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } @media only screen and (max-width: 1380px) { /* line 671, ../scss/screen.scss */ .social_media svg { width: 50px; height: 50px; } } @media only screen and (max-width: 1180px) { /* line 674, ../scss/screen.scss */ .social_media li { margin-left: 15px; } /* line 675, ../scss/screen.scss */ .social_media svg { width: 40px; height: 40px; } } @media only screen and (max-width: 980px) { /* line 678, ../scss/screen.scss */ .social_media li { margin-left: 12px; } /* line 679, ../scss/screen.scss */ .social_media svg { width: 30px; height: 30px; } } @media only screen and (max-width: 808px) { /* line 660, ../scss/screen.scss */ .social_media { width: 100%; margin-top: 20px; } /* line 682, ../scss/screen.scss */ .social_media li:first-child { margin-left: 0; } } /* File: subpages.css Media: screen Copyright: (c) 2010 Church Media Group, Inc. www.churchmedia.com Author: Church Media Group Notes: /* Subpage Styles --------------------------------------------------------------------------------------- */ /* line 12, ../scss/_subpages.scss */ .subpage_banner { position: relative; width: 100%; height: 264px; } @media only screen and (max-width: 1380px) { /* line 12, ../scss/_subpages.scss */ .subpage_banner { height: 223px; background-size: 2026px auto; } } @media only screen and (max-width: 1180px) { /* line 12, ../scss/_subpages.scss */ .subpage_banner { height: 183px; background-size: 1660px auto; } } @media only screen and (max-width: 980px) { /* line 12, ../scss/_subpages.scss */ .subpage_banner { height: 164px; background-size: 1460px auto; } } @media only screen and (max-width: 808px) { /* line 12, ../scss/_subpages.scss */ .subpage_banner { height: 154px; background-size: 1283px auto; } } @media only screen and (max-width: 660px) { /* line 12, ../scss/_subpages.scss */ .subpage_banner { height: 134px; background-size: 1165px auto; } } @media only screen and (max-width: 480px) { /* line 12, ../scss/_subpages.scss */ .subpage_banner { height: 97px; background-size: 947px auto; } } /* line 20, ../scss/_subpages.scss */ .subpage_banner_text_wrap { display: block; width: 1300px; position: absolute; z-index: 20; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } @media only screen and (max-width: 1380px) { /* line 20, ../scss/_subpages.scss */ .subpage_banner_text_wrap { width: 1100px; } } @media only screen and (max-width: 1180px) { /* line 20, ../scss/_subpages.scss */ .subpage_banner_text_wrap { width: 900px; } } @media only screen and (max-width: 980px) { /* line 20, ../scss/_subpages.scss */ .subpage_banner_text_wrap { width: 760px; } } @media only screen and (max-width: 808px) { /* line 20, ../scss/_subpages.scss */ .subpage_banner_text_wrap { width: 100%; } } /* line 26, ../scss/_subpages.scss */ .subpage_banner_text { width: 100%; text-align: center; } /* line 27, ../scss/_subpages.scss */ .subpage_banner_text h2 { font-size: 6em; font-weight: 700; text-transform: uppercase; color: #f2d124; } /* line 28, ../scss/_subpages.scss */ .subpage_banner_text small { font-size: 3em; font-weight: 400; color: #ffffff; } @media only screen and (max-width: 1380px) { /* line 30, ../scss/_subpages.scss */ .subpage_banner_text h2 { font-size: 5.4em; } /* line 31, ../scss/_subpages.scss */ .subpage_banner_text small { font-size: 2.7em; } } @media only screen and (max-width: 1180px) { /* line 34, ../scss/_subpages.scss */ .subpage_banner_text h2 { font-size: 4.8em; } /* line 35, ../scss/_subpages.scss */ .subpage_banner_text small { font-size: 2.4em; } } @media only screen and (max-width: 980px) { /* line 38, ../scss/_subpages.scss */ .subpage_banner_text h2 { font-size: 4.2em; } /* line 39, ../scss/_subpages.scss */ .subpage_banner_text small { font-size: 2.1em; } } @media only screen and (max-width: 808px) { /* line 42, ../scss/_subpages.scss */ .subpage_banner_text h2 { font-size: 3.6em; } /* line 43, ../scss/_subpages.scss */ .subpage_banner_text small { font-size: 1.8em; } } @media only screen and (max-width: 660px) { /* line 46, ../scss/_subpages.scss */ .subpage_banner_text h2 { font-size: 3em; } /* line 47, ../scss/_subpages.scss */ .subpage_banner_text small { font-size: 1.5em; } } @media only screen and (max-width: 480px) { /* line 50, ../scss/_subpages.scss */ .subpage_banner_text h2 { font-size: 2.4em; } /* line 51, ../scss/_subpages.scss */ .subpage_banner_text small { font-size: 1.2em; } } /* line 56, ../scss/_subpages.scss */ body.archive .header_cmg_wrap { border-bottom: 1px solid #d5dee0; } /* line 57, ../scss/_subpages.scss */ body.archive .work_nav a { color: #4d5557; } /* line 59, ../scss/_subpages.scss */ body.archive .work_full .image_one { margin-bottom: 60px; } @media only screen and (max-width: 980px) { /* line 59, ../scss/_subpages.scss */ body.archive .work_full .image_one { margin-bottom: 30px; } } /* line 62, ../scss/_subpages.scss */ body.archive .work_full h3, body.archive .work_full small { color: #4d5557; } /* line 63, ../scss/_subpages.scss */ body.archive .work_full img { width: 100%; height: auto; } /* line 65, ../scss/_subpages.scss */ body.archive .work_info_wrap { width: 100%; } /* line 66, ../scss/_subpages.scss */ body.archive .work_info_wrap:after { content: ''; display: table; clear: both; } /* line 68, ../scss/_subpages.scss */ body.archive .work_info { width: 30.6666667%; float: left; margin-right: 4%; } /* line 69, ../scss/_subpages.scss */ body.archive .work_info:last-of-type { margin-right: 0; margin-bottom: 0; } @media only screen and (max-width: 980px) { /* line 68, ../scss/_subpages.scss */ body.archive .work_info { width: 100%; float: none; margin-right: 0; margin-bottom: 30px; } } /* line 72, ../scss/_subpages.scss */ body.archive .intro.latest p { color: #4d5557; } /* line 73, ../scss/_subpages.scss */ body.archive .get_started { margin-top: 60px; padding-top: 60px; border-top: 1px solid #d5dee0; } /* line 74, ../scss/_subpages.scss */ body.archive .get_started p { color: #4d5557; } /* line 75, ../scss/_subpages.scss */ body.archive .get_started a { border-color: #4d5557; color: #4d5557; } /* line 76, ../scss/_subpages.scss */ body.archive .get_started a:hover { border-color: #1291b2; color: #1291b2; } @media only screen and (max-width: 980px) { /* line 73, ../scss/_subpages.scss */ body.archive .get_started { margin-top: 30px; padding-top: 30px; } } /* line 82, ../scss/_subpages.scss */ .intro { width: 100%; margin-bottom: 50px; padding-bottom: 36px; border-bottom: 1px solid #d5dee0; } /* line 83, ../scss/_subpages.scss */ .intro.center { text-align: center; } /* line 84, ../scss/_subpages.scss */ .intro.latest { border-bottom: 1px solid rgba(255, 255, 255, 0.3); } /* line 85, ../scss/_subpages.scss */ .intro.latest p { color: #ffffff; } /* line 87, ../scss/_subpages.scss */ .intro p { margin: 0; font-size: 3em; line-height: 1.6em; font-style: italic; color: #aac7d1; } @media only screen and (max-width: 1380px) { /* line 89, ../scss/_subpages.scss */ .intro p { font-size: 2.7em; } } @media only screen and (max-width: 1180px) { /* line 82, ../scss/_subpages.scss */ .intro { margin-bottom: 40px; padding-bottom: 26px; } /* line 92, ../scss/_subpages.scss */ .intro p { font-size: 2.4em; } } @media only screen and (max-width: 980px) { /* line 82, ../scss/_subpages.scss */ .intro { margin-bottom: 30px; padding-bottom: 16px; text-align: center; } /* line 95, ../scss/_subpages.scss */ .intro p { font-size: 2.1em; } } @media only screen and (max-width: 808px) { /* line 98, ../scss/_subpages.scss */ .intro p { font-size: 1.8em; } } /* line 102, ../scss/_subpages.scss */ .wysiwyg { width: 73.959341723136%; float: left; } /* line 103, ../scss/_subpages.scss */ .wysiwyg:after { content: ''; display: table; clear: both; } /* line 104, ../scss/_subpages.scss */ .wysiwyg.full { width: 100%; margin-bottom: 40px; } @media only screen and (max-width: 1180px) { /* line 104, ../scss/_subpages.scss */ .wysiwyg.full { margin-bottom: 30px; } } @media only screen and (max-width: 980px) { /* line 104, ../scss/_subpages.scss */ .wysiwyg.full { margin-bottom: 20px; } } /* line 108, ../scss/_subpages.scss */ .wysiwyg.bottom { margin-top: 40px; margin-bottom: 0; } @media only screen and (max-width: 1180px) { /* line 108, ../scss/_subpages.scss */ .wysiwyg.bottom { margin-top: 30px; } } @media only screen and (max-width: 980px) { /* line 108, ../scss/_subpages.scss */ .wysiwyg.bottom { margin-top: 20px; } } /* line 112, ../scss/_subpages.scss */ .wysiwyg h2 { margin-bottom: 20px; font-size: 3em; font-weight: 700; color: #1291b2; } /* line 113, ../scss/_subpages.scss */ .wysiwyg h3 { font-size: 2.4em; font-weight: 700; color: #1291b2; } /* line 114, ../scss/_subpages.scss */ .wysiwyg h4 { font-size: 2.1em; font-weight: 700; color: #1291b2; } /* line 115, ../scss/_subpages.scss */ .wysiwyg h5 { font-size: 1.8em; font-weight: 700; color: #1291b2; } /* line 116, ../scss/_subpages.scss */ .wysiwyg h6 { font-size: 1.6em; font-weight: 700; color: #1291b2; } /* line 117, ../scss/_subpages.scss */ .wysiwyg p { font-size: 2em; line-height: 1.7em; } /* line 118, ../scss/_subpages.scss */ .wysiwyg p:first-of-type { margin-top: 0 !important; } /* line 119, ../scss/_subpages.scss */ .wysiwyg p:last-of-type { margin-bottom: 0 !important; } /* line 121, ../scss/_subpages.scss */ .wysiwyg li { font-size: 2em; padding: 10px 0; border-bottom: 1px solid #d5dee0; } /* line 122, ../scss/_subpages.scss */ .wysiwyg ul, .wysiwyg ol { margin: 10px 0; } /* line 123, ../scss/_subpages.scss */ .wysiwyg img { display: block; width: 100%; height: auto; } @media only screen and (max-width: 1380px) { /* line 102, ../scss/_subpages.scss */ .wysiwyg { width: 100%; float: none; } /* line 125, ../scss/_subpages.scss */ .wysiwyg h2 { font-size: 2.8em; } /* line 126, ../scss/_subpages.scss */ .wysiwyg h3 { font-size: 2.2em; } /* line 127, ../scss/_subpages.scss */ .wysiwyg h4 { font-size: 2em; } /* line 128, ../scss/_subpages.scss */ .wysiwyg p, .wysiwyg li { font-size: 1.9em; } } @media only screen and (max-width: 1180px) { /* line 131, ../scss/_subpages.scss */ .wysiwyg h2 { font-size: 2.6em; } /* line 132, ../scss/_subpages.scss */ .wysiwyg h3 { font-size: 2em; } /* line 133, ../scss/_subpages.scss */ .wysiwyg h4 { font-size: 1.9em; } /* line 134, ../scss/_subpages.scss */ .wysiwyg p, .wysiwyg li { font-size: 1.8em; } } @media only screen and (max-width: 980px) { /* line 137, ../scss/_subpages.scss */ .wysiwyg h2 { font-size: 2.4em; } /* line 138, ../scss/_subpages.scss */ .wysiwyg h3 { font-size: 1.8em; } /* line 139, ../scss/_subpages.scss */ .wysiwyg h4 { font-size: 1.8em; } /* line 140, ../scss/_subpages.scss */ .wysiwyg p, .wysiwyg li { font-size: 1.7em; } } @media only screen and (max-width: 808px) { /* line 143, ../scss/_subpages.scss */ .wysiwyg h2 { font-size: 2.2em; } /* line 144, ../scss/_subpages.scss */ .wysiwyg p, .wysiwyg li { font-size: 1.6em; } } /* line 148, ../scss/_subpages.scss */ .page_video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } /* line 149, ../scss/_subpages.scss */ .page_video iframe, .page_video object, .page_video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* line 152, ../scss/_subpages.scss */ .side_note { width: 22.071636011617%; float: right; } /* line 153, ../scss/_subpages.scss */ .side_note p { display: block; font-size: 1.6em; line-height: 1.7em; font-style: italic; } /* line 154, ../scss/_subpages.scss */ .side_note p:first-of-type { margin-top: 0 !important; } /* line 155, ../scss/_subpages.scss */ .side_note p:last-of-type { margin-top: 20px; } /* line 157, ../scss/_subpages.scss */ .side_note ul li { font-size: 1.6em; line-height: 1.7em; font-style: italic; list-style: none; } /* line 158, ../scss/_subpages.scss */ .side_note a { font-weight: 400; } @media only screen and (max-width: 1380px) { /* line 152, ../scss/_subpages.scss */ .side_note { width: 100%; float: none; margin-top: 34px; padding-top: 30px; border-top: 1px solid #d5dee0; } /* line 160, ../scss/_subpages.scss */ .side_note p { font-size: 1.5em; } /* line 161, ../scss/_subpages.scss */ .side_note p:last-of-type { margin-top: 10px; } } @media only screen and (max-width: 1180px) { /* line 165, ../scss/_subpages.scss */ .side_note p { font-size: 1.4em; } } @media only screen and (max-width: 980px) { /* line 152, ../scss/_subpages.scss */ .side_note { margin-top: 24px; padding-top: 20px; } /* line 168, ../scss/_subpages.scss */ .side_note p { font-size: 1.3em; } } /* line 172, ../scss/_subpages.scss */ .stand_out { color: #1291b2; display: block; } /* line 174, ../scss/_subpages.scss */ .pt_cta { display: block; text-align: center; margin-bottom: 30px; background: #f3f8f9; padding: 20px; } /* line 182, ../scss/_subpages.scss */ .phone_mobile { display: none; } @media only screen and (max-width: 660px) { /* line 182, ../scss/_subpages.scss */ .phone_mobile { display: block; text-align: center; margin-bottom: 30px; background: #f3f8f9; padding: 20px; } } /* line 190, ../scss/_subpages.scss */ .gallery { position: relative; width: 73.959341723136%; float: left; } /* line 191, ../scss/_subpages.scss */ .gallery.full { width: 100%; float: none; } /* line 192, ../scss/_subpages.scss */ .gallery.tech img { border: 0; } /* line 193, ../scss/_subpages.scss */ .gallery h3 { font-size: 4.8em; font-weight: 700; text-align: center; margin-bottom: 40px; color: #ffffff; } @media only screen and (max-width: 1380px) { /* line 193, ../scss/_subpages.scss */ .gallery h3 { font-size: 4.2em; } } @media only screen and (max-width: 1180px) { /* line 193, ../scss/_subpages.scss */ .gallery h3 { font-size: 3.6em; margin-bottom: 30px; } } @media only screen and (max-width: 980px) { /* line 193, ../scss/_subpages.scss */ .gallery h3 { font-size: 3em; margin-bottom: 20px; } } @media only screen and (max-width: 808px) { /* line 193, ../scss/_subpages.scss */ .gallery h3 { font-size: 2.4em; } } /* line 199, ../scss/_subpages.scss */ .gallery img { display: block; width: 100% !important; height: auto; border: 1px solid #ffffff; } @media only screen and (max-width: 1380px) { /* line 190, ../scss/_subpages.scss */ .gallery { width: 100%; float: none; } } /* line 203, ../scss/_subpages.scss */ #more_images img { display: block; width: 100% !important; height: auto; } /* line 205, ../scss/_subpages.scss */ .slide_info { text-align: center; display: block; font-size: 3em; font-style: italic; color: #ffffff; margin: 30px 0 0; } @media only screen and (max-width: 1380px) { /* line 205, ../scss/_subpages.scss */ .slide_info { font-size: 2.6em; } } @media only screen and (max-width: 1180px) { /* line 205, ../scss/_subpages.scss */ .slide_info { font-size: 2.2em; } } @media only screen and (max-width: 980px) { /* line 205, ../scss/_subpages.scss */ .slide_info { font-size: 1.8em; margin-top: 20px; } } @media only screen and (max-width: 808px) { /* line 205, ../scss/_subpages.scss */ .slide_info { font-size: 1.6em; } } /* line 211, ../scss/_subpages.scss */ .gallery_controls { display: block; } /* line 212, ../scss/_subpages.scss */ .gallery_controls a { display: block; position: absolute; z-index: 100; top: 50%; margin-top: -30px; width: 60px; height: 60px; background: rgba(94, 94, 94, 0.8); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } /* line 213, ../scss/_subpages.scss */ .gallery_controls a:hover { background: #1291b2; } /* line 214, ../scss/_subpages.scss */ .gallery_controls a#prev { left: 0; } /* line 215, ../scss/_subpages.scss */ .gallery_controls a#next { right: 0; } /* line 216, ../scss/_subpages.scss */ .gallery_controls a svg { position: relative; top: 50%; left: 50%; width: 15px; height: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } @media only screen and (max-width: 660px) { /* line 211, ../scss/_subpages.scss */ .gallery_controls { display: none; } } /* Service Styles --------------------------------------------------------------------------------------- */ /* line 224, ../scss/_subpages.scss */ .service_wrap { width: 100%; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #d5dee0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* line 225, ../scss/_subpages.scss */ .service_wrap:after { content: ''; display: table; clear: both; } /* line 226, ../scss/_subpages.scss */ .service_wrap:last-of-type { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } /* line 227, ../scss/_subpages.scss */ .service_wrap .side_note { width: 17.53846%; } /* line 228, ../scss/_subpages.scss */ .service_wrap .side_note:after { content: ''; display: table; clear: both; } @media only screen and (max-width: 1380px) { /* line 227, ../scss/_subpages.scss */ .service_wrap .side_note { width: 100%; border-top: 0; margin: 0; padding: 0; clear: both; } /* line 230, ../scss/_subpages.scss */ .service_wrap .side_note p { margin: 0; } /* line 231, ../scss/_subpages.scss */ .service_wrap .side_note li, .service_wrap .side_note p { display: inline-block; padding: 0 15px; } } @media only screen and (max-width: 980px) { /* line 234, ../scss/_subpages.scss */ .service_wrap .side_note li, .service_wrap .side_note p { display: block; font-size: 1.6em; padding: 5px 0; } } @media only screen and (max-width: 480px) { /* line 237, ../scss/_subpages.scss */ .service_wrap .side_note li, .service_wrap .side_note p { font-size: 1.4em; } } @media only screen and (max-width: 1380px) { /* line 224, ../scss/_subpages.scss */ .service_wrap { text-align: center; } } /* line 242, ../scss/_subpages.scss */ .service { width: 79.38462%; float: left; } /* line 243, ../scss/_subpages.scss */ .service:after { content: ''; display: table; clear: both; } /* line 244, ../scss/_subpages.scss */ .service h3 { font-size: 3em; font-weight: 700; color: #1291b2; } /* line 245, ../scss/_subpages.scss */ .service p { font-size: 2em; line-height: 1.7em; } @media only screen and (max-width: 1380px) { /* line 242, ../scss/_subpages.scss */ .service { width: 100%; float: none; text-align: left; } /* line 247, ../scss/_subpages.scss */ .service h3 { font-size: 2.8em; } /* line 248, ../scss/_subpages.scss */ .service p { font-size: 1.9em; } } @media only screen and (max-width: 1180px) { /* line 251, ../scss/_subpages.scss */ .service h3 { font-size: 2.6em; } /* line 252, ../scss/_subpages.scss */ .service p { font-size: 1.8em; } } @media only screen and (max-width: 980px) { /* line 242, ../scss/_subpages.scss */ .service { text-align: center; } /* line 255, ../scss/_subpages.scss */ .service h3 { font-size: 2.4em; } /* line 256, ../scss/_subpages.scss */ .service p { font-size: 1.7em; } } @media only screen and (max-width: 808px) { /* line 259, ../scss/_subpages.scss */ .service h3 { font-size: 2.2em; } /* line 260, ../scss/_subpages.scss */ .service p { font-size: 1.6em; } } @media only screen and (max-width: 660px) { /* line 263, ../scss/_subpages.scss */ .service h3 { font-size: 2em; } /* line 264, ../scss/_subpages.scss */ .service p { font-size: 1.5em; } } @media only screen and (max-width: 480px) { /* line 267, ../scss/_subpages.scss */ .service h3 { font-size: 1.8em; } /* line 268, ../scss/_subpages.scss */ .service p { font-size: 1.4em; } } /* line 271, ../scss/_subpages.scss */ .service_icon { width: 22.071636011617%; float: left; text-align: center; } /* line 272, ../scss/_subpages.scss */ .service_icon svg { width: 183px; height: auto; } @media only screen and (max-width: 1180px) { /* line 272, ../scss/_subpages.scss */ .service_icon svg { width: 100%; } } @media only screen and (max-width: 980px) { /* line 271, ../scss/_subpages.scss */ .service_icon { float: none; margin: 0 auto; } } @media only screen and (max-width: 808px) { /* line 271, ../scss/_subpages.scss */ .service_icon { width: 30%; } } @media only screen and (max-width: 660px) { /* line 271, ../scss/_subpages.scss */ .service_icon { width: 40%; } } @media only screen and (max-width: 480px) { /* line 271, ../scss/_subpages.scss */ .service_icon { width: 50%; } } /* line 280, ../scss/_subpages.scss */ .service_info { width: 74.031007751938%; float: right; } @media only screen and (max-width: 980px) { /* line 280, ../scss/_subpages.scss */ .service_info { width: 100%; float: none; margin-top: 20px; } } /* Premium Theme Styles --------------------------------------------------------------------------------------- */ /* line 287, ../scss/_subpages.scss */ .themes_wrap { width: 100%; } /* line 288, ../scss/_subpages.scss */ .themes_wrap:after { content: ''; display: table; clear: both; } /* line 289, ../scss/_subpages.scss */ .themes_wrap h5 { margin-bottom: 40px; font-size: 3.6em; font-weight: 700; color: #1291b2; text-align: center; } @media only screen and (max-width: 1380px) { /* line 289, ../scss/_subpages.scss */ .themes_wrap h5 { font-size: 3.2em; } } @media only screen and (max-width: 1180px) { /* line 289, ../scss/_subpages.scss */ .themes_wrap h5 { font-size: 2.8em; } } @media only screen and (max-width: 980px) { /* line 289, ../scss/_subpages.scss */ .themes_wrap h5 { margin-bottom: 30px; font-size: 2.4em; } } @media only screen and (max-width: 808px) { /* line 289, ../scss/_subpages.scss */ .themes_wrap h5 { margin-bottom: 20px; font-size: 2em; } } /* line 296, ../scss/_subpages.scss */ .theme { display: block; float: left; width: 22.69230769230775%; margin-right: 3.076923076923%; margin-bottom: 40px; text-align: center; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* line 297, ../scss/_subpages.scss */ .theme:nth-of-type(4n+4) { margin-right: 0; } /* line 298, ../scss/_subpages.scss */ .theme .screenshot { position: relative; z-index: 1; display: block; width: 100%; height: 100%; } /* line 299, ../scss/_subpages.scss */ .theme .preview { opacity: 0; position: absolute; z-index: 10; display: block; width: 100%; height: 100%; background: rgba(56, 62, 64, 0.8); text-align: center; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* line 300, ../scss/_subpages.scss */ .theme .preview small { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); display: block; font-size: 2.4em; color: #ffffff; } /* line 302, ../scss/_subpages.scss */ .theme img { display: block; width: 100%; height: auto; border: 1px solid #d5dee0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* line 303, ../scss/_subpages.scss */ .theme .theme_name { display: block; font-size: 1.8em; margin-top: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /* line 305, ../scss/_subpages.scss */ .theme:hover .preview { opacity: 1; } @media only screen and (max-width: 1380px) { /* line 308, ../scss/_subpages.scss */ .theme .preview small { font-size: 2.1em; } /* line 309, ../scss/_subpages.scss */ .theme .theme_name { font-size: 1.7em; } } @media only screen and (max-width: 1180px) { /* line 296, ../scss/_subpages.scss */ .theme { margin-bottom: 30px; } /* line 312, ../scss/_subpages.scss */ .theme .preview small { font-size: 1.8em; } /* line 313, ../scss/_subpages.scss */ .theme .theme_name { font-size: 1.6em; } } @media only screen and (max-width: 980px) { /* line 316, ../scss/_subpages.scss */ .theme .preview small { font-size: 1.5em; } /* line 317, ../scss/_subpages.scss */ .theme .theme_name { font-size: 1.5em; } } @media only screen and (max-width: 808px) { /* line 296, ../scss/_subpages.scss */ .theme { width: 48.4615384615385%; margin-bottom: 20px; } /* line 320, ../scss/_subpages.scss */ .theme:nth-of-type(even) { margin-right: 0; } /* line 321, ../scss/_subpages.scss */ .theme .preview { display: none; } /* line 322, ../scss/_subpages.scss */ .theme .theme_name { font-size: 1.4em; } } /* line 326, ../scss/_subpages.scss */ .overlay_wrap { width: 80%; margin: 0 auto; padding: 40px 0; } /* line 327, ../scss/_subpages.scss */ .overlay_wrap:after { content: ''; display: table; clear: both; } @media only screen and (max-width: 1180px) { /* line 326, ../scss/_subpages.scss */ .overlay_wrap { width: 100%; padding: 0; } } /* line 333, ../scss/_subpages.scss */ .overlay_info { padding: 40px; background: #ffffff; } /* line 334, ../scss/_subpages.scss */ .overlay_info:after { content: ''; display: table; clear: both; } /* line 335, ../scss/_subpages.scss */ .overlay_info .overlay_left { width: 30%; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* line 336, ../scss/_subpages.scss */ .overlay_info .overlay_left h4 { font-size: 3.6em; font-weight: 700; color: #1291b2; } /* line 337, ../scss/_subpages.scss */ .overlay_info .overlay_left h5 { font-size: 2em; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; } /* line 338, ../scss/_subpages.scss */ .overlay_info .overlay_left p { font-size: 2em; } /* line 339, ../scss/_subpages.scss */ .overlay_info .overlay_left ul li { font-size: 2em; padding: 10px 0; border-bottom: 1px solid #d5dee0; } /* line 340, ../scss/_subpages.scss */ .overlay_info .overlay_left ul li:last-child { border-bottom: 0; } /* line 342, ../scss/_subpages.scss */ .overlay_info .overlay_left span { display: block; padding-top: 30px; border-top: 1px solid #d5dee0; font-size: 2.4em; font-style: italic; color: #aac7d1; } @media only screen and (max-width: 1380px) { /* line 344, ../scss/_subpages.scss */ .overlay_info .overlay_left h4 { font-size: 3.2em; } /* line 345, ../scss/_subpages.scss */ .overlay_info .overlay_left p, .overlay_info .overlay_left ul li { font-size: 1.9em; } } @media only screen and (max-width: 1180px) { /* line 348, ../scss/_subpages.scss */ .overlay_info .overlay_left h4 { font-size: 2.8em; } /* line 349, ../scss/_subpages.scss */ .overlay_info .overlay_left p, .overlay_info .overlay_left ul li { font-size: 1.8em; } } @media only screen and (max-width: 980px) { /* line 335, ../scss/_subpages.scss */ .overlay_info .overlay_left { width: 100%; float: none; } /* line 352, ../scss/_subpages.scss */ .overlay_info .overlay_left h4 { font-size: 2.4em; } /* line 353, ../scss/_subpages.scss */ .overlay_info .overlay_left p, .overlay_info .overlay_left ul li { font-size: 1.7em; } /* line 354, ../scss/_subpages.scss */ .overlay_info .overlay_left span { text-align: center; } /* line 355, ../scss/_subpages.scss */ .overlay_info .overlay_left .button_row { text-align: center; } } @media only screen and (max-width: 808px) { /* line 358, ../scss/_subpages.scss */ .overlay_info .overlay_left p, .overlay_info .overlay_left ul li { font-size: 1.6em; } } /* line 361, ../scss/_subpages.scss */ .overlay_info img { display: block; width: 65%; float: right; border: 1px solid #d5dee0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } @media only screen and (max-width: 980px) { /* line 361, ../scss/_subpages.scss */ .overlay_info img { width: 100%; float: none; margin-top: 30px; } } @media only screen and (max-width: 980px) { /* line 333, ../scss/_subpages.scss */ .overlay_info { padding: 30px; } } @media only screen and (max-width: 808px) { /* line 333, ../scss/_subpages.scss */ .overlay_info { padding: 20px; } } /* overlay at start */ /* line 369, ../scss/_subpages.scss */ .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } /* overlay animate in */ /* line 377, ../scss/_subpages.scss */ .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } /* overlay animate out */ /* line 381, ../scss/_subpages.scss */ .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } /* content at start */ /* line 386, ../scss/_subpages.scss */ .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } /* content animate it */ /* line 398, ../scss/_subpages.scss */ .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /* content animate out */ /* line 406, ../scss/_subpages.scss */ .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /* line 410, ../scss/_subpages.scss */ .featured_theme { position: relative; width: 100%; margin-bottom: 80px; padding-bottom: 80px; border-bottom: 1px solid #d5dee0; } /* line 411, ../scss/_subpages.scss */ .featured_theme:after { content: ''; display: table; clear: both; } @media only screen and (max-width: 1380px) { /* line 410, ../scss/_subpages.scss */ .featured_theme { margin-bottom: 60px; padding-bottom: 60px; } } @media only screen and (max-width: 1180px) { /* line 410, ../scss/_subpages.scss */ .featured_theme { margin-bottom: 40px; padding-bottom: 40px; } } @media only screen and (max-width: 980px) { /* line 410, ../scss/_subpages.scss */ .featured_theme { margin-bottom: 30px; padding-bottom: 30px; } } @media only screen and (max-width: 808px) { /* line 410, ../scss/_subpages.scss */ .featured_theme { margin-bottom: 20px; padding-bottom: 20px; } } /* line 417, ../scss/_subpages.scss */ .featured_screen { position: relative; } /* line 418, ../scss/_subpages.scss */ .featured_screen img { display: block; } /* line 419, ../scss/_subpages.scss */ .featured_screen img:first-of-type { position: absolute; z-index: 10; top: 60px; left: 102px; width: 74%; height: auto; } @media only screen and (max-width: 1380px) { /* line 419, ../scss/_subpages.scss */ .featured_screen img:first-of-type { top: 52px; left: 86px; } } @media only screen and (max-width: 1180px) { /* line 419, ../scss/_subpages.scss */ .featured_screen img:first-of-type { top: 42px; left: 71px; } } @media only screen and (max-width: 980px) { /* line 419, ../scss/_subpages.scss */ .featured_screen img:first-of-type { top: 48px; left: 80px; } } @media only screen and (max-width: 808px) { /* line 419, ../scss/_subpages.scss */ .featured_screen img:first-of-type { top: 13%; left: 13.1%; } } /* line 425, ../scss/_subpages.scss */ .featured_screen img:last-of-type { position: relative; z-index: 1; top: 0; left: 0; } /* line 427, ../scss/_subpages.scss */ .featured_laptop { float: left; width: 60%; } /* line 428, ../scss/_subpages.scss */ .featured_laptop img { display: block; width: 100%; height: auto; } @media only screen and (max-width: 980px) { /* line 427, ../scss/_subpages.scss */ .featured_laptop { float: none; width: 80%; margin: auto; } } /* line 434, ../scss/_subpages.scss */ .featured_content { float: right; width: 38%; margin-top: 24px; } /* line 435, ../scss/_subpages.scss */ .featured_content h3 { font-size: 3.6em; font-weight: 700; color: #1291b2; } /* line 436, ../scss/_subpages.scss */ .featured_content h4 { font-size: 1.6em; font-weight: 700; text-transform: uppercase; color: #aac7d1; } /* line 437, ../scss/_subpages.scss */ .featured_content p { font-size: 2.4em; line-height: 2em; } @media only screen and (max-width: 1380px) { /* line 439, ../scss/_subpages.scss */ .featured_content h3 { font-size: 3.2em; } /* line 440, ../scss/_subpages.scss */ .featured_content p { font-size: 2.2em; line-height: 1.8em; } } @media only screen and (max-width: 1180px) { /* line 443, ../scss/_subpages.scss */ .featured_content h3 { font-size: 2.8em; } /* line 444, ../scss/_subpages.scss */ .featured_content p { font-size: 1.9em; line-height: 1.7em; } } @media only screen and (max-width: 980px) { /* line 434, ../scss/_subpages.scss */ .featured_content { float: none; width: 100%; text-align: center; } /* line 447, ../scss/_subpages.scss */ .featured_content h3 { font-size: 2.4em; } /* line 448, ../scss/_subpages.scss */ .featured_content p { font-size: 1.8em; } } @media only screen and (max-width: 808px) { /* line 451, ../scss/_subpages.scss */ .featured_content h3 { font-size: 2em; } /* line 452, ../scss/_subpages.scss */ .featured_content p { font-size: 1.6em; } } /* Work Styles --------------------------------------------------------------------------------------- */ /* line 460, ../scss/_subpages.scss */ .work_wrap { width: 100%; } /* line 461, ../scss/_subpages.scss */ .work_wrap:after { content: ''; display: table; clear: both; } /* line 463, ../scss/_subpages.scss */ .work { position: relative; display: block; width: 50%; height: 430px; float: left; margin-bottom: 60px; text-align: center; } /* line 464, ../scss/_subpages.scss */ .work:nth-child(even) { float: right; } /* line 466, ../scss/_subpages.scss */ .work:hover img { opacity: .8; } /* line 467, ../scss/_subpages.scss */ .work:hover span, .work:hover small { color: #1291b2; } /* line 469, ../scss/_subpages.scss */ .work img { display: block; width: 90%; height: auto; margin: 0 auto; -webkit-transition: opacity 0.2s ease-in; -moz-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in; -ms-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; } /* line 470, ../scss/_subpages.scss */ .work span { display: block; margin-top: 7px; font-size: 2em; font-weight: 700; color: #565656; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } /* line 471, ../scss/_subpages.scss */ .work small { display: block; font-size: 1.6em; font-weight: 400; color: #565656; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } @media only screen and (max-width: 1380px) { /* line 463, ../scss/_subpages.scss */ .work { height: 350px; } /* line 473, ../scss/_subpages.scss */ .work span { font-size: 1.9em; } /* line 474, ../scss/_subpages.scss */ .work small { font-size: 1.5em; } } @media only screen and (max-width: 1180px) { /* line 463, ../scss/_subpages.scss */ .work { height: 300px; margin-bottom: 50px; } /* line 477, ../scss/_subpages.scss */ .work span { font-size: 1.8em; } /* line 478, ../scss/_subpages.scss */ .work small { font-size: 1.4em; } } @media only screen and (max-width: 980px) { /* line 463, ../scss/_subpages.scss */ .work { margin-bottom: 40px; } /* line 481, ../scss/_subpages.scss */ .work span { font-size: 1.7em; } /* line 482, ../scss/_subpages.scss */ .work small { font-size: 1.3em; } } @media only screen and (max-width: 808px) { /* line 463, ../scss/_subpages.scss */ .work { height: 290px; margin-bottom: 30px; } /* line 485, ../scss/_subpages.scss */ .work span { font-size: 1.6em; } /* line 486, ../scss/_subpages.scss */ .work small { font-size: 1.2em; } } @media only screen and (max-width: 660px) { /* line 463, ../scss/_subpages.scss */ .work { width: 100%; height: auto; margin-right: 0; margin-bottom: 20px; } } /* line 492, ../scss/_subpages.scss */ body.projects .bottom_cta_wrap { border-top: 1px solid rgba(255, 255, 255, 0.3); } /* line 494, ../scss/_subpages.scss */ .work_full { width: 100%; } /* line 495, ../scss/_subpages.scss */ .work_full:after { content: ''; display: table; clear: both; } /* line 496, ../scss/_subpages.scss */ .work_full .journey { background: #ECEFEE; } /* line 497, ../scss/_subpages.scss */ .work_full h3 { font-size: 4.8em; font-weight: 700; text-align: center; margin-bottom: 10px; color: #ffffff; } @media only screen and (max-width: 1380px) { /* line 497, ../scss/_subpages.scss */ .work_full h3 { font-size: 4.4em; } } @media only screen and (max-width: 1180px) { /* line 497, ../scss/_subpages.scss */ .work_full h3 { font-size: 4em; } } @media only screen and (max-width: 980px) { /* line 497, ../scss/_subpages.scss */ .work_full h3 { font-size: 3.6em; } } @media only screen and (max-width: 808px) { /* line 497, ../scss/_subpages.scss */ .work_full h3 { font-size: 3.2em; } } @media only screen and (max-width: 660px) { /* line 497, ../scss/_subpages.scss */ .work_full h3 { font-size: 2.8em; } } @media only screen and (max-width: 480px) { /* line 497, ../scss/_subpages.scss */ .work_full h3 { font-size: 2.4em; } } /* line 505, ../scss/_subpages.scss */ .work_full small { display: block; font-size: 1.8em; text-align: center; color: #ffffff; } /* line 506, ../scss/_subpages.scss */ .work_full small strong { display: block; } /* line 507, ../scss/_subpages.scss */ .work_full img { display: inline-block; vertical-align: top; } /* line 508, ../scss/_subpages.scss */ .work_full .browser { display: block; width: 100%; height: auto; } /* line 509, ../scss/_subpages.scss */ .work_full .image_one, .work_full .image_two, .work_full .image_three, .work_full .image_four { width: 100%; text-align: center; margin-bottom: 120px; } @media only screen and (max-width: 1380px) { /* line 509, ../scss/_subpages.scss */ .work_full .image_one, .work_full .image_two, .work_full .image_three, .work_full .image_four { margin-bottom: 100px; } } @media only screen and (max-width: 1180px) { /* line 509, ../scss/_subpages.scss */ .work_full .image_one, .work_full .image_two, .work_full .image_three, .work_full .image_four { margin-bottom: 80px; } } @media only screen and (max-width: 980px) { /* line 509, ../scss/_subpages.scss */ .work_full .image_one, .work_full .image_two, .work_full .image_three, .work_full .image_four { margin-bottom: 60px; } } @media only screen and (max-width: 808px) { /* line 509, ../scss/_subpages.scss */ .work_full .image_one, .work_full .image_two, .work_full .image_three, .work_full .image_four { margin-bottom: 40px; } } /* line 515, ../scss/_subpages.scss */ .work_full .image_two { height: auto; margin: 0 auto inherit; padding: 120px 0; border-top: 1px solid rgba(255, 255, 255, 0.3); border-bottom: 1px solid rgba(255, 255, 255, 0.3); } @media only screen and (max-width: 1380px) { /* line 515, ../scss/_subpages.scss */ .work_full .image_two { padding: 100px 0; } } @media only screen and (max-width: 1180px) { /* line 515, ../scss/_subpages.scss */ .work_full .image_two { padding: 80px 0; } } @media only screen and (max-width: 980px) { /* line 515, ../scss/_subpages.scss */ .work_full .image_two { padding: 60px 0; } } @media only screen and (max-width: 808px) { /* line 515, ../scss/_subpages.scss */ .work_full .image_two { padding: 40px 0; } } /* line 521, ../scss/_subpages.scss */ .work_full .image_three { margin-top: 120px; padding-bottom: 120px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } /* line 522, ../scss/_subpages.scss */ .work_full .image_three:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } /* line 523, ../scss/_subpages.scss */ .work_full .image_three .quote { padding-left: 40px; width: 37%; display: inline-block; vertical-align: middle; } /* line 524, ../scss/_subpages.scss */ .work_full .image_three blockquote { font-size: 3em; line-height: 1.8em; text-align: left; font-style: italic; color: #ffffff; } @media only screen and (max-width: 1380px) { /* line 521, ../scss/_subpages.scss */ .work_full .image_three { margin-top: 100px; padding-bottom: 100px; } /* line 526, ../scss/_subpages.scss */ .work_full .image_three blockquote { font-size: 2.6em; } } @media only screen and (max-width: 1180px) { /* line 521, ../scss/_subpages.scss */ .work_full .image_three { margin-top: 80px; padding-bottom: 80px; } /* line 529, ../scss/_subpages.scss */ .work_full .image_three blockquote { font-size: 2.2em; } } @media only screen and (max-width: 980px) { /* line 521, ../scss/_subpages.scss */ .work_full .image_three { margin-top: 60px; padding-bottom: 60px; } /* line 532, ../scss/_subpages.scss */ .work_full .image_three .quote { width: 100%; margin-top: 30px; padding-left: 0; } /* line 533, ../scss/_subpages.scss */ .work_full .image_three blockquote { font-size: 1.8em; text-align: center; } } @media only screen and (max-width: 808px) { /* line 521, ../scss/_subpages.scss */ .work_full .image_three { margin-top: 40px; padding-bottom: 40px; } /* line 536, ../scss/_subpages.scss */ .work_full .image_three blockquote { font-size: 1.4em; } } /* line 539, ../scss/_subpages.scss */ .work_full .laptop { width: 55%; } @media only screen and (max-width: 980px) { /* line 539, ../scss/_subpages.scss */ .work_full .laptop { width: 75%; } } @media only screen and (max-width: 660px) { /* line 539, ../scss/_subpages.scss */ .work_full .laptop { width: 85%; } } @media only screen and (max-width: 480px) { /* line 539, ../scss/_subpages.scss */ .work_full .laptop { width: 100%; } } /* line 544, ../scss/_subpages.scss */ .work_full .iphone { width: 25%; } @media only screen and (max-width: 980px) { /* line 544, ../scss/_subpages.scss */ .work_full .iphone { width: 45%; } } @media only screen and (max-width: 660px) { /* line 544, ../scss/_subpages.scss */ .work_full .iphone { width: 65%; } } @media only screen and (max-width: 480px) { /* line 544, ../scss/_subpages.scss */ .work_full .iphone { width: 85%; } } /* line 549, ../scss/_subpages.scss */ .work_full .lifestyle { width: 100%; height: auto; } /* line 551, ../scss/_subpages.scss */ .get_started { margin-top: 120px; margin-bottom: 40px; padding-top: 120px; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.3); } /* line 552, ../scss/_subpages.scss */ .get_started.dark { margin-top: 80px; margin-bottom: 0; padding-top: 80px; border-top: 1px solid #d5dee0; } /* line 553, ../scss/_subpages.scss */ .get_started.dark p { color: #aac7d1; } /* line 555, ../scss/_subpages.scss */ .get_started p { font-size: 3.6em; line-height: 1em; color: #ffffff; margin: 0 0 40px; } /* line 556, ../scss/_subpages.scss */ .get_started a { display: inline-block; height: 80px; line-height: 80px; font-size: 3.6em; margin-right: 40px; padding: 0 80px; color: #ffffff; border: 4px solid #ffffff; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } /* line 557, ../scss/_subpages.scss */ .get_started a:hover { opacity: .8; } /* line 558, ../scss/_subpages.scss */ .get_started a:last-of-type { margin-right: 0; } @media only screen and (max-width: 1380px) { /* line 551, ../scss/_subpages.scss */ .get_started { margin-top: 100px; margin-bottom: 33.3333334px; padding-top: 100px; } /* line 561, ../scss/_subpages.scss */ .get_started.dark { margin-top: 60px; padding-top: 60px; } /* line 562, ../scss/_subpages.scss */ .get_started p { font-size: 3.2em; } /* line 563, ../scss/_subpages.scss */ .get_started a { height: 70px; line-height: 70px; font-size: 3.2em; padding: 0 70px; } } @media only screen and (max-width: 1180px) { /* line 551, ../scss/_subpages.scss */ .get_started { margin-top: 80px; margin-bottom: 26.6666664px; padding-top: 80px; } /* line 566, ../scss/_subpages.scss */ .get_started.dark { margin-top: 40px; padding-top: 40px; } /* line 567, ../scss/_subpages.scss */ .get_started p { font-size: 2.8em; } /* line 568, ../scss/_subpages.scss */ .get_started a { height: 60px; line-height: 60px; font-size: 2.8em; padding: 0 60px; } } @media only screen and (max-width: 980px) { /* line 551, ../scss/_subpages.scss */ .get_started { margin-top: 60px; margin-bottom: 19.9999998px; padding-top: 60px; } /* line 571, ../scss/_subpages.scss */ .get_started.dark { margin-top: 30px; padding-top: 30px; } /* line 572, ../scss/_subpages.scss */ .get_started.dark p { margin-bottom: 30px; } /* line 574, ../scss/_subpages.scss */ .get_started p { font-size: 2.4em; } /* line 575, ../scss/_subpages.scss */ .get_started a { height: 50px; line-height: 50px; font-size: 2.4em; padding: 0 50px; } } @media only screen and (max-width: 808px) { /* line 551, ../scss/_subpages.scss */ .get_started { margin-top: 40px; margin-bottom: 13.3333332px; padding-top: 40px; } /* line 578, ../scss/_subpages.scss */ .get_started.dark { margin-top: 20px; padding-top: 20px; } /* line 579, ../scss/_subpages.scss */ .get_started.dark p { margin-bottom: 20px; } /* line 581, ../scss/_subpages.scss */ .get_started p { font-size: 2em; } /* line 582, ../scss/_subpages.scss */ .get_started a { display: block; height: 40px; line-height: 40px; font-size: 2em; padding: 0 40px; margin: 0; border: 3px solid #ffffff; } /* line 583, ../scss/_subpages.scss */ .get_started a:last-of-type { margin-top: 20px; } } /* line 587, ../scss/_subpages.scss */ .work_name { margin-bottom: 30px; position: relative; } @media only screen and (max-width: 980px) { /* line 587, ../scss/_subpages.scss */ .work_name { margin-bottom: 20px; } } /* line 590, ../scss/_subpages.scss */ .work_nav { margin-bottom: 20px; text-align: center; } /* line 591, ../scss/_subpages.scss */ .work_nav:after { content: ''; display: table; clear: both; } /* line 592, ../scss/_subpages.scss */ .work_nav a { opacity: .6; display: inline-block; vertical-align: top; padding: 0 10px; font-family: "adelle", Georgia, "Times New Roman", serif; font-size: 1.8em; color: #ffffff; -webkit-transition: opacity 0.2s ease-in; -moz-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in; -ms-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* line 594, ../scss/_subpages.scss */ .work_nav a.next span { float: right; margin-left: 10px; } /* line 597, ../scss/_subpages.scss */ .work_nav a.prev span { float: left; margin-right: 10px; transform: scaleX(-1); -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -ms-transform: scaleX(-1); } /* line 599, ../scss/_subpages.scss */ .work_nav a:hover, .work_nav a:hover svg path { opacity: 1; } /* line 600, ../scss/_subpages.scss */ .work_nav a span { display: block; width: 16px; height: 16px; } /* line 601, ../scss/_subpages.scss */ .work_nav a svg path { fill: #ffffff; -webkit-transition: opacity 0.2s ease-in; -moz-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in; -ms-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; } @media only screen and (max-width: 980px) { /* line 590, ../scss/_subpages.scss */ .work_nav { margin-bottom: 20px; } /* line 604, ../scss/_subpages.scss */ .work_nav a { padding: 7px 20px; font-size: 1.6em; text-align: center; background: rgba(255, 255, 255, 0.3); } /* line 605, ../scss/_subpages.scss */ .work_nav a:last-of-type { margin-right: 0; } /* line 606, ../scss/_subpages.scss */ .work_nav a span { display: none; } } @media only screen and (max-width: 660px) { /* line 610, ../scss/_subpages.scss */ .work_nav a { font-size: 1.4em; } } @media only screen and (max-width: 480px) { /* line 613, ../scss/_subpages.scss */ .work_nav a { font-size: 1.2em; } } /* line 617, ../scss/_subpages.scss */ .work_info { margin-bottom: 60px; } @media only screen and (max-width: 1380px) { /* line 617, ../scss/_subpages.scss */ .work_info { margin-bottom: 50px; } } @media only screen and (max-width: 1180px) { /* line 617, ../scss/_subpages.scss */ .work_info { margin-bottom: 40px; } } @media only screen and (max-width: 980px) { /* line 617, ../scss/_subpages.scss */ .work_info { margin-bottom: 30px; } } @media only screen and (max-width: 808px) { /* line 617, ../scss/_subpages.scss */ .work_info { margin-bottom: 20px; } } /* line 623, ../scss/_subpages.scss */ img.lazy { display: none; } /* About Styles --------------------------------------------------------------------------------------- */ /* line 628, ../scss/_subpages.scss */ .about_callout_wrap { width: 100%; } /* line 629, ../scss/_subpages.scss */ .about_callout_wrap:after { content: ''; display: table; clear: both; } /* line 631, ../scss/_subpages.scss */ .about_callout { display: block; width: 33.3333334%; float: left; padding: 40px 3.076923076923%; text-align: center; border: 1px solid #d5dee0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } /* line 632, ../scss/_subpages.scss */ .about_callout span:first-of-type { display: block; font-size: 2.4em; font-weight: 700; text-transform: uppercase; color: #aac7d1; letter-spacing: 1px; -webkit-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; -ms-transition: color 0.2s ease-in; transition: color 0.2s ease-in; } /* line 633, ../scss/_subpages.scss */ .about_callout span:nth-of-type(2) { display: block; margin: 12px 0 0 0; font-size: 2em; font-weight: 400; color: #565656; } /* line 634, ../scss/_subpages.scss */ .about_callout span:nth-of-type(3) { margin-top: 12px; } /* line 635, ../scss/_subpages.scss */ .about_callout span:nth-of-type(3) span { margin-top: 0; font-size: inherit; } /* line 637, ../scss/_subpages.scss */ .about_callout:nth-of-type(4), .about_callout:nth-of-type(5), .about_callout:nth-of-type(6) { border-top: 0; } /* line 638, ../scss/_subpages.scss */ .about_callout:nth-of-type(3n-1) { border-right: 0; border-left: 0; } /* line 639, ../scss/_subpages.scss */ .about_callout:hover { background: #f3f8f9; transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); } /* line 640, ../scss/_subpages.scss */ .about_callout:hover:nth-of-type(4), .about_callout:hover:nth-of-type(5), .about_callout:hover:nth-of-type(6) { border-top: 1px solid #d5dee0; } /* line 641, ../scss/_subpages.scss */ .about_callout:hover:nth-of-type(3n-1) { border-right: 1px solid #d5dee0; border-left: 1px solid #d5dee0; } @media only screen and (max-width: 1380px) { /* line 644, ../scss/_subpages.scss */ .about_callout span:first-of-type { font-size: 2.3em; } /* line 645, ../scss/_subpages.scss */ .about_callout span:nth-of-type(2) { font-size: 1.9em; } } @media only screen and (max-width: 1180px) { /* line 631, ../scss/_subpages.scss */ .about_callout { width: 50%; padding: 30px 3.076923076923%; } /* line 648, ../scss/_subpages.scss */ .about_callout span:first-of-type { font-size: 2.2em; } /* line 649, ../scss/_subpages.scss */ .about_callout span:nth-of-type(2) { font-size: 1.8em; } /* line 650, ../scss/_subpages.scss */ .about_callout:nth-of-type(3n-1) { border-right: 1px solid #d5dee0; } /* line 651, ../scss/_subpages.scss */ .about_callout:nth-of-type(3) { border-top: 0; border-right: 0; } /* line 652, ../scss/_subpages.scss */ .about_callout:nth-of-type(5) { border-left: 1px solid #d5dee0; border-right: 0; } } @media only screen and (max-width: 980px) { /* line 631, ../scss/_subpages.scss */ .about_callout { padding: 20px 3.076923076923%; } /* line 655, ../scss/_subpages.scss */ .about_callout span:first-of-type { font-size: 2.1em; } /* line 656, ../scss/_subpages.scss */ .about_callout span:nth-of-type(2) { font-size: 1.7em; } } @media only screen and (max-width: 808px) { /* line 659, ../scss/_subpages.scss */ .about_callout span:first-of-type { font-size: 2em; } /* line 660, ../scss/_subpages.scss */ .about_callout span:nth-of-type(2) { font-size: 1.6em; } } @media only screen and (max-width: 660px) { /* line 631, ../scss/_subpages.scss */ .about_callout { width: 100%; border: 1px solid #d5dee0 !important; border-top: 0 !important; } /* line 663, ../scss/_subpages.scss */ .about_callout:first-of-type { border-top: 1px solid #d5dee0 !important; } /* line 664, ../scss/_subpages.scss */ .about_callout:hover { border: 1px solid #d5dee0 !important; } } /* Sitemap Styles --------------------------------------------------------------------------------------- */ /* line 672, ../scss/_subpages.scss */ .site_map_item_wrap { width: 48.4615384615385%; float: left; margin-right: 3.076923076923%; } /* line 673, ../scss/_subpages.scss */ .site_map_item_wrap.alt { margin-right: 0; } @media only screen and (max-width: 808px) { /* line 672, ../scss/_subpages.scss */ .site_map_item_wrap { width: 100%; float: none; margin-right: 0; } } /* line 677, ../scss/_subpages.scss */ .site_map_item { width: 100%; margin: 0 auto 30px; text-align: center; border: 1px solid #d5dee0; } /* line 678, ../scss/_subpages.scss */ .site_map_item li { font-size: 2.4em; padding: 20px; border-bottom: 1px solid #d5dee0; } /* line 679, ../scss/_subpages.scss */ .site_map_item li:last-child { border-bottom: 0; } /* line 680, ../scss/_subpages.scss */ .site_map_item li.title a { text-transform: uppercase; font-weight: 700; color: #565656; } @media only screen and (max-width: 1180px) { /* line 678, ../scss/_subpages.scss */ .site_map_item li { font-size: 2.2em; padding: 15px; } } @media only screen and (max-width: 980px) { /* line 678, ../scss/_subpages.scss */ .site_map_item li { font-size: 2em; } } @media only screen and (max-width: 808px) { /* line 678, ../scss/_subpages.scss */ .site_map_item li { font-size: 1.8em; padding: 10px; } } @media only screen and (max-width: 660px) { /* line 678, ../scss/_subpages.scss */ .site_map_item li { font-size: 1.6em; } } /* line 687, ../scss/_subpages.scss */ .site_map_item li a { display: block; font-weight: 400; } @media only screen and (max-width: 980px) { /* line 677, ../scss/_subpages.scss */ .site_map_item { margin-bottom: 20px; } } /* Sidebar Styles --------------------------------------------------------------------------------------- */ /* line 697, ../scss/_subpages.scss */ .sidebar_cmg { text-align: right; } /* line 698, ../scss/_subpages.scss */ .sidebar_cmg h3 { font-size: 2.4em; font-weight: 700; color: #4d5557; } @media only screen and (max-width: 1380px) { /* line 700, ../scss/_subpages.scss */ .sidebar_cmg h3 { font-size: 2.1em; } } @media only screen and (max-width: 1180px) { /* line 703, ../scss/_subpages.scss */ .sidebar_cmg h3 { font-size: 1.8em; } } @media only screen and (max-width: 980px) { /* line 697, ../scss/_subpages.scss */ .sidebar_cmg { text-align: center; } /* line 706, ../scss/_subpages.scss */ .sidebar_cmg h3 { font-size: 1.5em; margin-bottom: 10px; } } /* line 713, ../scss/_subpages.scss */ .side_nav li { font-size: 2.4em; line-height: 1.4em; padding: 8px 0; } /* line 714, ../scss/_subpages.scss */ .side_nav li a { display: block; width: 100%; font-weight: 400; color: #4d5557; -webkit-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; -ms-transition: color 0.2s ease-in; transition: color 0.2s ease-in; } /* line 715, ../scss/_subpages.scss */ .side_nav li a:hover { color: #f2d124; } /* line 717, ../scss/_subpages.scss */ .side_nav li.active a, .side_nav a.active { color: #f2d124; } @media only screen and (max-width: 1380px) { /* line 719, ../scss/_subpages.scss */ .side_nav li { font-size: 2.1em; } } @media only screen and (max-width: 1180px) { /* line 722, ../scss/_subpages.scss */ .side_nav li { font-size: 1.8em; } } @media only screen and (max-width: 980px) { /* line 712, ../scss/_subpages.scss */ .side_nav { margin: 20px 0 30px; padding-bottom: 30px; border-bottom: 1px solid #d5dee0; } /* line 725, ../scss/_subpages.scss */ .side_nav li { display: inline-block; padding: 0 20px; font-size: 1.5em; line-height: 1em; } } @media only screen and (max-width: 808px) { /* line 728, ../scss/_subpages.scss */ .side_nav li { padding: 0 10px; } } @media only screen and (max-width: 660px) { /* line 712, ../scss/_subpages.scss */ .side_nav { margin: 0 0 20px; padding-bottom: 20px; } /* line 731, ../scss/_subpages.scss */ .side_nav li { padding: 0 10px; } } /* line 1, ../scss/_forms.scss */ .form_wrap { width: 100%; margin-top: 0; } /* line 2, ../scss/_forms.scss */ .form_wrap:after { content: ''; display: table; clear: both; } /* line 3, ../scss/_forms.scss */ .form_wrap fieldset { margin: 40px 0 0; padding: 0; border: 0; } @media only screen and (max-width: 980px) { /* line 3, ../scss/_forms.scss */ .form_wrap fieldset { margin-top: 30px; } } @media only screen and (max-width: 660px) { /* line 3, ../scss/_forms.scss */ .form_wrap fieldset { margin-top: 20px; } } /* line 7, ../scss/_forms.scss */ .form_wrap legend { font-size: 3em; font-weight: 700; color: #1291b2; clear: both; text-align: center; width: 100%; } @media only screen and (max-width: 1380px) { /* line 7, ../scss/_forms.scss */ .form_wrap legend { font-size: 2.8em; } } @media only screen and (max-width: 1180px) { /* line 7, ../scss/_forms.scss */ .form_wrap legend { font-size: 2.6em; } } @media only screen and (max-width: 980px) { /* line 7, ../scss/_forms.scss */ .form_wrap legend { font-size: 2.4em; } } @media only screen and (max-width: 808px) { /* line 7, ../scss/_forms.scss */ .form_wrap legend { font-size: 2.2em; } } @media only screen and (max-width: 660px) { /* line 7, ../scss/_forms.scss */ .form_wrap legend { margin-bottom: 20px; font-size: 2em; } } /* line 15, ../scss/_forms.scss */ .input_wrap { width: 100%; margin-top: 30px; } /* line 16, ../scss/_forms.scss */ .input_wrap.half { width: 48.0366492146595%; float: left; margin-right: 3.926701570681%; } /* line 17, ../scss/_forms.scss */ .input_wrap.half:nth-of-type(even) { margin-right: 0; } /* line 19, ../scss/_forms.scss */ .input_wrap label { display: block; font-size: 2.4em; margin-bottom: 14px; } /* line 20, ../scss/_forms.scss */ .input_wrap label .required { color: #f04646; } @media only screen and (max-width: 480px) { /* line 20, ../scss/_forms.scss */ .input_wrap label .required { display: inline; } } @media only screen and (max-width: 480px) { /* line 23, ../scss/_forms.scss */ .input_wrap label span { display: none; } } /* line 26, ../scss/_forms.scss */ .input_wrap label small { font-size: .75em; font-style: italic; } @media only screen and (max-width: 480px) { /* line 26, ../scss/_forms.scss */ .input_wrap label small { display: none; } } @media only screen and (max-width: 1380px) { /* line 19, ../scss/_forms.scss */ .input_wrap label { font-size: 2.2em; } } @media only screen and (max-width: 1180px) { /* line 19, ../scss/_forms.scss */ .input_wrap label { font-size: 2em; } } @media only screen and (max-width: 980px) { /* line 19, ../scss/_forms.scss */ .input_wrap label { font-size: 1.8em; } } @media only screen and (max-width: 808px) { /* line 19, ../scss/_forms.scss */ .input_wrap label { font-size: 1.6em; margin-bottom: 7px; } } @media only screen and (max-width: 660px) { /* line 19, ../scss/_forms.scss */ .input_wrap label { font-size: 1.4em; } } /* line 35, ../scss/_forms.scss */ .input_wrap input[type="text"], .input_wrap input[type="email"] { width: 100%; height: 60px; padding: 0 20px; background: #ffffff; font-family: "adelle-sans", Helvetica, sans-serif; font-size: 2.4em; color: #565656; border: 1px solid #d5dee0; -webkit-appearance: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* line 36, ../scss/_forms.scss */ .input_wrap input[type="text"].error, .input_wrap input[type="email"].error { border-color: #f04646; } @media only screen and (max-width: 1380px) { /* line 35, ../scss/_forms.scss */ .input_wrap input[type="text"], .input_wrap input[type="email"] { font-size: 2.2em; } } @media only screen and (max-width: 1180px) { /* line 35, ../scss/_forms.scss */ .input_wrap input[type="text"], .input_wrap input[type="email"] { height: 50px; font-size: 2em; } } @media only screen and (max-width: 980px) { /* line 35, ../scss/_forms.scss */ .input_wrap input[type="text"], .input_wrap input[type="email"] { font-size: 1.8em; } } @media only screen and (max-width: 808px) { /* line 35, ../scss/_forms.scss */ .input_wrap input[type="text"], .input_wrap input[type="email"] { height: 40px; padding: 0 10px; font-size: 1.6em; } } @media only screen and (max-width: 660px) { /* line 35, ../scss/_forms.scss */ .input_wrap input[type="text"], .input_wrap input[type="email"] { font-size: 1.4em; } } /* line 43, ../scss/_forms.scss */ .input_wrap input[type="checkbox"] { visibility: hidden; } /* line 44, ../scss/_forms.scss */ .input_wrap textarea { width: 100%; height: 200px; padding: 20px; background: #ffffff; font-family: "adelle-sans", Helvetica, sans-serif; font-size: 2.4em; color: #565656; border: 1px solid #d5dee0; -webkit-appearance: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* line 45, ../scss/_forms.scss */ .input_wrap textarea.error { border-color: #f04646; } @media only screen and (max-width: 1380px) { /* line 44, ../scss/_forms.scss */ .input_wrap textarea { font-size: 2.2em; } } @media only screen and (max-width: 1180px) { /* line 44, ../scss/_forms.scss */ .input_wrap textarea { height: 160px; font-size: 2em; } } @media only screen and (max-width: 980px) { /* line 44, ../scss/_forms.scss */ .input_wrap textarea { font-size: 1.8em; } } @media only screen and (max-width: 808px) { /* line 44, ../scss/_forms.scss */ .input_wrap textarea { height: 120px; padding: 10px; font-size: 1.6em; } } @media only screen and (max-width: 660px) { /* line 44, ../scss/_forms.scss */ .input_wrap textarea { font-size: 1.4em; } } @media only screen and (max-width: 980px) { /* line 15, ../scss/_forms.scss */ .input_wrap { margin-top: 20px; } } @media only screen and (max-width: 808px) { /* line 15, ../scss/_forms.scss */ .input_wrap { margin-top: 15px; } } @media only screen and (max-width: 660px) { /* line 15, ../scss/_forms.scss */ .input_wrap { margin-top: 10px; } /* line 55, ../scss/_forms.scss */ .input_wrap.half { width: 100%; float: none; margin-right: 0; } } /* line 58, ../scss/_forms.scss */ .interest { display: block; width: 100%; height: 60px; line-height: 60px; padding: 0 20px; font-size: 2.4em; color: #565656; border: 1px solid #d5dee0; border-bottom: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* line 59, ../scss/_forms.scss */ .interest.error { border-color: #f04646; border-bottom: 1px solid #f04646; color: #f04646; } @media only screen and (max-width: 1380px) { /* line 58, ../scss/_forms.scss */ .interest { font-size: 2.2em; } } @media only screen and (max-width: 1180px) { /* line 58, ../scss/_forms.scss */ .interest { height: 50px; line-height: 50px; font-size: 2em; } } @media only screen and (max-width: 980px) { /* line 58, ../scss/_forms.scss */ .interest { font-size: 1.8em; } } @media only screen and (max-width: 808px) { /* line 58, ../scss/_forms.scss */ .interest { height: 40px; line-height: 40px; padding: 0 20px; font-size: 1.6em; } } @media only screen and (max-width: 660px) { /* line 58, ../scss/_forms.scss */ .interest { font-size: 1.4em; } } /* line 66, ../scss/_forms.scss */ .checkbox { width: 7.853403141361%; height: 60px; position: relative; float: left; } /* line 67, ../scss/_forms.scss */ .checkbox input[type="checkbox"]:checked + label:after { opacity: 1; border-color: #68be76; } /* line 68, ../scss/_forms.scss */ .checkbox label { margin: 0; padding: 0; cursor: pointer; position: absolute; width: 100%; height: 60px; top: 0; left: 0; background: #ffffff; border: 1px solid #d5dee0; } /* line 69, ../scss/_forms.scss */ .checkbox label:after { opacity: .1; content: ''; position: absolute; width: 27px; height: 15px; background: transparent; top: 15px; left: 33px; border: 6px solid #333; border-top: 0; border-right: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: opacity 0.2s ease-in; -moz-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in; -ms-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; } @media only screen and (max-width: 1380px) { /* line 69, ../scss/_forms.scss */ .checkbox label:after { left: 26px; } } @media only screen and (max-width: 1180px) { /* line 69, ../scss/_forms.scss */ .checkbox label:after { top: 10px; left: 19px; } } @media only screen and (max-width: 980px) { /* line 69, ../scss/_forms.scss */ .checkbox label:after { left: 13px; } } @media only screen and (max-width: 808px) { /* line 69, ../scss/_forms.scss */ .checkbox label:after { width: 18px; height: 10px; left: 30%; border: 4px solid #333; border-top: 0; border-right: 0; } } @media only screen and (max-width: 480px) { /* line 69, ../scss/_forms.scss */ .checkbox label:after { left: 35%; } } @media only screen and (max-width: 360px) { /* line 69, ../scss/_forms.scss */ .checkbox label:after { left: 25%; } } /* line 77, ../scss/_forms.scss */ .checkbox label:hover::after { opacity: .3; } @media only screen and (max-width: 1180px) { /* line 68, ../scss/_forms.scss */ .checkbox label { height: 50px; } } @media only screen and (max-width: 808px) { /* line 68, ../scss/_forms.scss */ .checkbox label { height: 40px; } } @media only screen and (max-width: 1380px) { /* line 66, ../scss/_forms.scss */ .checkbox { font-size: 2.2em; } } @media only screen and (max-width: 1180px) { /* line 66, ../scss/_forms.scss */ .checkbox { height: 50px; font-size: 2em; } } @media only screen and (max-width: 980px) { /* line 66, ../scss/_forms.scss */ .checkbox { font-size: 1.8em; } } @media only screen and (max-width: 808px) { /* line 66, ../scss/_forms.scss */ .checkbox { height: 40px; font-size: 1.6em; } } @media only screen and (max-width: 660px) { /* line 66, ../scss/_forms.scss */ .checkbox { width: 10%; font-size: 1.4em; } } @media only screen and (max-width: 480px) { /* line 66, ../scss/_forms.scss */ .checkbox { width: 15%; } } /* line 88, ../scss/_forms.scss */ .checkbox_wrap { margin: 0; } /* line 89, ../scss/_forms.scss */ .checkbox_wrap:after { content: ''; display: table; clear: both; } /* line 90, ../scss/_forms.scss */ .checkbox_wrap .project_type { float: left; width: 92.146596858639%; height: 60px; line-height: 60px; margin-bottom: 0; padding: 0 30px; border: 1px solid #d5dee0; border-bottom: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* line 91, ../scss/_forms.scss */ .checkbox_wrap .project_type:hover { cursor: pointer; background: #f5f5f5; } @media only screen and (max-width: 1180px) { /* line 90, ../scss/_forms.scss */ .checkbox_wrap .project_type { height: 50px; line-height: 50px; } } @media only screen and (max-width: 808px) { /* line 90, ../scss/_forms.scss */ .checkbox_wrap .project_type { height: 40px; line-height: 40px; } } @media only screen and (max-width: 660px) { /* line 90, ../scss/_forms.scss */ .checkbox_wrap .project_type { width: 90%; } } @media only screen and (max-width: 480px) { /* line 90, ../scss/_forms.scss */ .checkbox_wrap .project_type { width: 85%; padding: 0 20px; } } /* line 97, ../scss/_forms.scss */ .checkbox_wrap:last-of-type .project_type { height: 62px; border-bottom: 1px solid #d5dee0; } @media only screen and (max-width: 1180px) { /* line 97, ../scss/_forms.scss */ .checkbox_wrap:last-of-type .project_type { height: 52px; } } @media only screen and (max-width: 808px) { /* line 97, ../scss/_forms.scss */ .checkbox_wrap:last-of-type .project_type { height: 42px; } } /* line 102, ../scss/_forms.scss */ .submit_wrap { margin-top: 30px; } /* line 103, ../scss/_forms.scss */ .submit_wrap:after { content: ''; display: table; clear: both; } /* line 104, ../scss/_forms.scss */ .submit_wrap input { width: 100%; } @media only screen and (max-width: 808px) { /* line 102, ../scss/_forms.scss */ .submit_wrap { margin-top: 20px; } } @media only screen and (max-width: 480px) { /* line 102, ../scss/_forms.scss */ .submit_wrap { margin-top: 10px; } } /* line 111, ../scss/_forms.scss */ .input_wrap input + .error_tag, .input_wrap textarea + .error_tag, span.interest ~ .error_tag { display: none; opacity: 0; padding: 10px; font-size: 1.8em; font-weight: 700; color: #f04646; background: rgba(240, 70, 70, 0.1); -webkit-transition: opacity 0.2s ease-in; -moz-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in; -ms-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; } /* line 113, ../scss/_forms.scss */ .input_wrap input.error + .error_tag, .input_wrap textarea.error + .error_tag, span.interest.error ~ .error_tag { opacity: 1; display: block; } /* line 115, ../scss/_forms.scss */ .confirm { background: #68be76; margin-top: 30px; padding: 30px; text-align: center; } /* line 116, ../scss/_forms.scss */ .confirm.email { margin-top: 0; } /* line 117, ../scss/_forms.scss */ .confirm h4 { font-size: 3em; font-weight: 700; color: #ffffff; } /* line 118, ../scss/_forms.scss */ .confirm p { color: #ffffff; } @media only screen and (max-width: 1380px) { /* line 120, ../scss/_forms.scss */ .confirm h4 { font-size: 2.8em; } } @media only screen and (max-width: 1180px) { /* line 123, ../scss/_forms.scss */ .confirm h4 { font-size: 2.6em; } } @media only screen and (max-width: 980px) { /* line 115, ../scss/_forms.scss */ .confirm { margin-top: 20px; } /* line 126, ../scss/_forms.scss */ .confirm h4 { font-size: 2.4em; } } @media only screen and (max-width: 808px) { /* line 115, ../scss/_forms.scss */ .confirm { padding: 20px; } /* line 129, ../scss/_forms.scss */ .confirm h4 { font-size: 2.2em; } } @media only screen and (max-width: 660px) { /* line 132, ../scss/_forms.scss */ .confirm h4 { font-size: 2em; } } /*! File: share-this.css Media: screen Copyright: (c) 2014 Church Media Group, Inc. www.churchmedia.com Author: Church Media Group Notes: */ /* line 9, ../scss/_share-this.scss */ .footer_links li:last-child { position: relative; } /* line 11, ../scss/_share-this.scss */ .share_this { position: absolute; top: -75px; right: 0px; height: 0; overflow: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } /* line 12, ../scss/_share-this.scss */ .share_this.show { height: 85px; overflow: visible; opacity: 1; } /* line 14, ../scss/_share-this.scss */ .share_popup { width: 230px; height: 65px; padding: 10px; background: #222; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* line 15, ../scss/_share-this.scss */ .share_popup:after { display: block; content: ''; width: 0; height: 0; position: absolute; right: 8px; bottom: -10px; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #222; } /* line 16, ../scss/_share-this.scss */ .share_popup li { float: left; margin-right: 10px; } /* line 17, ../scss/_share-this.scss */ .share_popup li:last-child { margin: 0; } /* line 18, ../scss/_share-this.scss */ .share_popup li a { display: block; width: 45px; height: 45px; text-indent: 100%; white-space: nowrap; overflow: hidden; } /* line 19, ../scss/_share-this.scss */ .share_popup li a:hover { opacity: .9; } /* line 20, ../scss/_share-this.scss */ .share_popup li:first-child a { background: #6ddfea url(../images/share_this/icons/icon_social_twitter.svg) center center no-repeat; background-size: 20px 16px; } /* line 21, ../scss/_share-this.scss */ .share_popup li:nth-child(2) a { background: #395b9a url(../images/share_this/icons/icon_social_facebook.svg) center center no-repeat; background-size: 9px 18px; } /* line 22, ../scss/_share-this.scss */ .share_popup li:nth-child(3) a { background: #e24429 url(../images/share_this/icons/icon_social_google.svg) center center no-repeat; background-size: 18px 16px; } /* line 23, ../scss/_share-this.scss */ .share_popup li:nth-child(4) a { background: #b49852 url(../images/share_this/icons/icon_social_email.svg) center center no-repeat; background-size: 17px 11px; } /* File: staff.css Media: screen Copyright: (c) 2014 Church Media Group, Inc. www.churchmedia.com Author: Church Media Group Notes: /* Staff Module ______________________________________________________________________________________ */ /* People List Styles --------------------------------------------------------------------------------------- */ /* line 15, ../scss/_staff.scss */ .people_list { width: 22.071636011617%; height: 340px; float: left; margin-right: 3.076923076923%; } /* line 16, ../scss/_staff.scss */ .people_list:nth-of-type(4n) { margin-right: 0; } /* line 17, ../scss/_staff.scss */ .people_list a { display: block; position: relative; } /* line 19, ../scss/_staff.scss */ .people_list a:hover .staff_hover { opacity: 1; display: block; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } /* line 20, ../scss/_staff.scss */ .people_list a:hover .staff { opacity: 0; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); transform: scale(0.9); } /* line 21, ../scss/_staff.scss */ .people_list a:hover .staff_name { color: #1291b2; } /* line 24, ../scss/_staff.scss */ .people_list .staff { opacity: 1; position: relative; z-index: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; -o-transition: all 0.15s ease-in; -ms-transition: all 0.15s ease-in; transition: all 0.15s ease-in; } /* line 25, ../scss/_staff.scss */ .people_list .staff_hover { opacity: 0; width: 100%; height: auto; position: absolute; z-index: 10; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); transform: scale(0.9); -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; -o-transition: all 0.15s ease-in; -ms-transition: all 0.15s ease-in; transition: all 0.15s ease-in; } /* line 26, ../scss/_staff.scss */ .people_list img { display: block; width: 100%; height: auto; opacity: 1; -webkit-transition: opacity 0.2s ease-in; -moz-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in; -ms-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; } @media only screen and (max-width: 1380px) { /* line 15, ../scss/_staff.scss */ .people_list { height: 310px; } } @media only screen and (max-width: 1180px) { /* line 15, ../scss/_staff.scss */ .people_list { height: 270px; } } @media only screen and (max-width: 980px) { /* line 15, ../scss/_staff.scss */ .people_list { width: 22.75%; margin-right: 3%; } } @media only screen and (max-width: 660px) { /* line 15, ../scss/_staff.scss */ .people_list { width: 31.333333%; } /* line 32, ../scss/_staff.scss */ .people_list:nth-of-type(4n) { margin-right: 3%; } /* line 33, ../scss/_staff.scss */ .people_list:nth-of-type(3n) { margin-right: 0; } } @media only screen and (max-width: 480px) { /* line 15, ../scss/_staff.scss */ .people_list { width: 48.5%; height: 290px; } /* line 36, ../scss/_staff.scss */ .people_list:nth-of-type(4n) { margin-right: 3%; } /* line 37, ../scss/_staff.scss */ .people_list:nth-of-type(3n) { margin-right: 3%; } /* line 38, ../scss/_staff.scss */ .people_list:nth-of-type(2n) { margin-right: 0; } } @media only screen and (max-width: 360px) { /* line 15, ../scss/_staff.scss */ .people_list { height: 250px; } } /* line 42, ../scss/_staff.scss */ .people_list_name { display: block; margin-top: 10px; } /* line 43, ../scss/_staff.scss */ .people_list_name .staff_name { display: block; font-size: 2em; color: #565656; font-weight: 700; -webkit-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; -ms-transition: color 0.2s ease-in; transition: color 0.2s ease-in; } /* line 44, ../scss/_staff.scss */ .people_list_name small { font-weight: 400; color: #565656; font-size: 1.6em; } @media only screen and (max-width: 1380px) { /* line 46, ../scss/_staff.scss */ .people_list_name .staff_name { font-size: 1.9em; } /* line 47, ../scss/_staff.scss */ .people_list_name small { font-size: 1.5em; } } @media only screen and (max-width: 1180px) { /* line 50, ../scss/_staff.scss */ .people_list_name .staff_name { font-size: 1.8em; } /* line 51, ../scss/_staff.scss */ .people_list_name small { font-size: 1.4em; } } @media only screen and (max-width: 980px) { /* line 54, ../scss/_staff.scss */ .people_list_name .staff_name { font-size: 1.7em; } /* line 55, ../scss/_staff.scss */ .people_list_name small { font-size: 1.3em; } } @media only screen and (max-width: 808px) { /* line 58, ../scss/_staff.scss */ .people_list_name .staff_name { font-size: 1.6em; } } /* People Bio Styles --------------------------------------------------------------------------------------- */ /* line 66, ../scss/_staff.scss */ .people_bio:after { content: ''; display: table; clear: both; } /* line 67, ../scss/_staff.scss */ .people_bio h2 { font-size: 4.2em; margin-bottom: 0; line-height: 1em; color: #565656; } /* line 68, ../scss/_staff.scss */ .people_bio small { display: block; margin-top: 7px; font-size: 2em; font-style: italic; color: #565656; } @media only screen and (max-width: 1380px) { /* line 70, ../scss/_staff.scss */ .people_bio h2 { font-size: 3.8em; } /* line 71, ../scss/_staff.scss */ .people_bio small { font-size: 1.9em; } } @media only screen and (max-width: 1180px) { /* line 74, ../scss/_staff.scss */ .people_bio h2 { font-size: 3.4em; } /* line 75, ../scss/_staff.scss */ .people_bio small { font-size: 1.8em; } } @media only screen and (max-width: 980px) { /* line 78, ../scss/_staff.scss */ .people_bio h2 { font-size: 3em; } /* line 79, ../scss/_staff.scss */ .people_bio small { font-size: 1.7em; } } @media only screen and (max-width: 808px) { /* line 82, ../scss/_staff.scss */ .people_bio h2 { font-size: 2.6em; } /* line 83, ../scss/_staff.scss */ .people_bio small { margin-top: 4px; font-size: 1.6em; } } @media only screen and (max-width: 660px) { /* line 86, ../scss/_staff.scss */ .people_bio h2 { font-size: 2.2em; } /* line 87, ../scss/_staff.scss */ .people_bio small { font-size: 1.5em; } } /* line 90, ../scss/_staff.scss */ .bio_header { margin-bottom: 40px; } /* line 91, ../scss/_staff.scss */ .bio_header:after { content: ''; display: table; clear: both; } /* line 92, ../scss/_staff.scss */ .bio_header a { margin-top: 10px; display: block; float: right; font-family: "adelle", Georgia, "Times New Roman", serif; font-size: 1.8em; -webkit-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; -ms-transition: color 0.2s ease-in; transition: color 0.2s ease-in; } /* line 93, ../scss/_staff.scss */ .bio_header a:hover svg path { fill: #f2d124; } /* line 94, ../scss/_staff.scss */ .bio_header a span { display: block; width: 16px; height: 16px; float: right; margin-left: 10px; } /* line 95, ../scss/_staff.scss */ .bio_header a svg { width: 16px; height: 16px; } /* line 96, ../scss/_staff.scss */ .bio_header a svg path { fill: #1291b2; -webkit-transition: fill 0.2s ease-in; -moz-transition: fill 0.2s ease-in; -o-transition: fill 0.2s ease-in; -ms-transition: fill 0.2s ease-in; transition: fill 0.2s ease-in; } @media only screen and (max-width: 1180px) { /* line 90, ../scss/_staff.scss */ .bio_header { margin-bottom: 30px; } /* line 99, ../scss/_staff.scss */ .bio_header a { font-size: 1.6em; } /* line 100, ../scss/_staff.scss */ .bio_header a span { width: 14px; height: auto; } /* line 101, ../scss/_staff.scss */ .bio_header a svg { width: 14px; height: 14px; } } @media only screen and (max-width: 980px) { /* line 90, ../scss/_staff.scss */ .bio_header { margin-bottom: 20px; text-align: center; } /* line 105, ../scss/_staff.scss */ .bio_header a { display: none; } } /* line 108, ../scss/_staff.scss */ .bio_name { float: left; } @media only screen and (max-width: 980px) { /* line 108, ../scss/_staff.scss */ .bio_name { float: none; } } /* line 112, ../scss/_staff.scss */ .bio_image { width: 48.015488867377%; float: left; } /* line 113, ../scss/_staff.scss */ .bio_image img { display: block; width: 100%; height: auto; } @media only screen and (max-width: 980px) { /* line 112, ../scss/_staff.scss */ .bio_image { width: 48.5%; } } @media only screen and (max-width: 480px) { /* line 112, ../scss/_staff.scss */ .bio_image { width: 100%; margin-bottom: 20px; float: none; } } /* line 117, ../scss/_staff.scss */ .bio_social { margin-top: 20px; width: 100%; text-align: center; border: 1px solid #d5dee0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* line 118, ../scss/_staff.scss */ .bio_social ul { padding: 10px; } /* line 119, ../scss/_staff.scss */ .bio_social li { display: inline-block; padding: 0 5px; border-bottom: 0; font-size: inherit; } /* line 120, ../scss/_staff.scss */ .bio_social li a { display: block; width: 30px; height: auto; } /* line 121, ../scss/_staff.scss */ .bio_social li a:hover svg path { fill: #f2d124; } /* line 123, ../scss/_staff.scss */ .bio_social svg { width: 30px; height: 30px; } /* line 124, ../scss/_staff.scss */ .bio_social svg path { fill: #1291b2; -webkit-transition: fill 0.2s ease-in; -moz-transition: fill 0.2s ease-in; -o-transition: fill 0.2s ease-in; -ms-transition: fill 0.2s ease-in; transition: fill 0.2s ease-in; } @media only screen and (max-width: 1180px) { /* line 126, ../scss/_staff.scss */ .bio_social ul { padding: 7px; } /* line 127, ../scss/_staff.scss */ .bio_social li { padding: 0 3px; } /* line 128, ../scss/_staff.scss */ .bio_social li a, .bio_social svg { width: 24px; height: 24px; } } /* line 131, ../scss/_staff.scss */ .bio_description { width: 48.015488867377%; float: right; } /* line 132, ../scss/_staff.scss */ .bio_description.full { width: 100%; float: none; } /* line 133, ../scss/_staff.scss */ .bio_description p:first-of-type { margin-top: 0; } /* line 134, ../scss/_staff.scss */ .bio_description p:last-of-type { margin-bottom: 0; } /* line 135, ../scss/_staff.scss */ .bio_description blockquote { margin-top: 30px; font-size: 3em; font-style: italic; color: #aac7d1; } @media only screen and (max-width: 1380px) { /* line 137, ../scss/_staff.scss */ .bio_description blockquote { font-size: 2.7em; } } @media only screen and (max-width: 1180px) { /* line 140, ../scss/_staff.scss */ .bio_description blockquote { font-size: 2.4em; } } @media only screen and (max-width: 980px) { /* line 131, ../scss/_staff.scss */ .bio_description { width: 48.5%; } /* line 143, ../scss/_staff.scss */ .bio_description blockquote { margin-top: 20px; font-size: 2.1em; } } @media only screen and (max-width: 660px) { /* line 146, ../scss/_staff.scss */ .bio_description blockquote { font-size: 1.8em; } } @media only screen and (max-width: 480px) { /* line 131, ../scss/_staff.scss */ .bio_description { width: 100%; float: none; } } /*# sourceMappingURL=screen.css.map */