/* Theme Name: COLLADIUM Theme URI: Description: Bespoke Wordpress theme created by Nick Kind, GMG Digitial, 1501208 Author: Nick Kind, GMG, COLLADIUM Version: 1.0 */ /* BEGIN CSS */ @font-face { font-family: 'atc_overlooklight_italic'; src: url("/wp-content/themes/Colladium/fonts/atcoverlook-lightitalic-webfont.eot"); src: url("/wp-content/themes/Colladium/fonts/atcoverlook-lightitalic-webfont.eot#iefix") format("embedded-opentype"), url("/wp-content/themes/Colladium/fonts/atcoverlook-lightitalic-webfont.woff2") format("woff2"), url("/wp-content/themes/Colladium/fonts/atcoverlook-lightitalic-webfont.woff") format("woff"), url("/wp-content/themes/Colladium/fonts/atcoverlook-lightitalic-webfont.ttf") format("truetype"), url("/wp-content/themes/Colladium/fonts/atcoverlook-lightitalic-webfont.svg#atc_overlooklight_italic") format("svg"); font-weight: 300; font-style: italic; } @font-face { font-family: 'atc_overlookmedium_italic'; src: url("/wp-content/themes/Colladium/fonts/atcoverlook-mediumitalic-webfont.eot"); src: url("/wp-content/themes/Colladium/fonts/atcoverlook-mediumitalic-webfont.eot#iefix") format("embedded-opentype"), url("/wp-content/themes/Colladium/fonts/atcoverlook-mediumitalic-webfont.woff2") format("woff2"), url("/wp-content/themes/Colladium/fonts/atcoverlook-mediumitalic-webfont.woff") format("woff"), url("/wp-content/themes/Colladium/fonts/atcoverlook-mediumitalic-webfont.ttf") format("truetype"), url("/wp-content/themes/Colladium/fonts/atcoverlook-mediumitalic-webfont.svg#atc_overlookmedium_italic") format("svg"); font-weight: 600; font-style: italic; } @font-face { font-family: 'atc_overlookregular_italic'; src: url("/wp-content/themes/Colladium/fonts/atcoverlook-regularitalic-webfont.eot"); src: url("/wp-content/themes/Colladium/fonts/atcoverlook-regularitalic-webfont.eot#iefix") format("embedded-opentype"), url("/wp-content/themes/Colladium/fonts/atcoverlook-regularitalic-webfont.woff2") format("woff2"), url("/wp-content/themes/Colladium/fonts/atcoverlook-regularitalic-webfont.woff") format("woff"), url("/wp-content/themes/Colladium/fonts/atcoverlook-regularitalic-webfont.ttf") format("truetype"), url("/wp-content/themes/Colladium/fonts/atcoverlook-regularitalic-webfont.svg#atc_overlookregular_italic") format("svg"); font-weight: 400; font-style: italic; } @font-face { font-family: 'atc_overlookthin'; src: url("/wp-content/themes/Colladium/fonts/atcoverlook-thin-webfont.eot"); src: url("/wp-content/themes/Colladium/fonts/atcoverlook-thin-webfont.eot#iefix") format("embedded-opentype"), url("/wp-content/themes/Colladium/fonts/atcoverlook-thin-webfont.woff2") format("woff2"), url("/wp-content/themes/Colladium/fonts/atcoverlook-thin-webfont.woff") format("woff"), url("/wp-content/themes/Colladium/fonts/atcoverlook-thin-webfont.ttf") format("truetype"), url("/wp-content/themes/Colladium/fonts/atcoverlook-thin-webfont.svg#atc_overlookthin") format("svg"); font-weight: 200; font-style: normal; } @font-face { font-family: 'atc_overlookthin_italic'; src: url("/wp-content/themes/Colladium/fonts/atcoverlook-thinitalic-webfont.eot"); src: url("/wp-content/themes/Colladium/fonts/atcoverlook-thinitalic-webfont.eot#iefix") format("embedded-opentype"), url("/wp-content/themes/Colladium/fonts/atcoverlook-thinitalic-webfont.woff2") format("woff2"), url("/wp-content/themes/Colladium/fonts/atcoverlook-thinitalic-webfont.woff") format("woff"), url("/wp-content/themes/Colladium/fonts/atcoverlook-thinitalic-webfont.ttf") format("truetype"), url("/wp-content/themes/Colladium/fonts/atcoverlook-thinitalic-webfont.svg#atc_overlookthin_italic") format("svg"); font-weight: 200; font-style: italic; } @font-face { font-family: 'atc_overlookbold'; src: url("/wp-content/themes/Colladium/fonts/atcoverlook-bold-webfont.eot"); src: url("/wp-content/themes/Colladium/fonts/atcoverlook-bold-webfont.eot#iefix") format("embedded-opentype"), url("/wp-content/themes/Colladium/fonts/atcoverlook-bold-webfont.woff2") format("woff2"), url("/wp-content/themes/Colladium/fonts/atcoverlook-bold-webfont.woff") format("woff"), url("/wp-content/themes/Colladium/fonts/atcoverlook-bold-webfont.ttf") format("truetype"), url("/wp-content/themes/Colladium/fonts/atcoverlook-bold-webfont.svg#atc_overlookbold") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: 'atc_overlookbold_italic'; src: url("/wp-content/themes/Colladium/fonts/atcoverlook-bolditalic-webfont.eot"); src: url("/wp-content/themes/Colladium/fonts/atcoverlook-bolditalic-webfont.eot#iefix") format("embedded-opentype"), url("/wp-content/themes/Colladium/fonts/atcoverlook-bolditalic-webfont.woff2") format("woff2"), url("/wp-content/themes/Colladium/fonts/atcoverlook-bolditalic-webfont.woff") format("woff"), url("/wp-content/themes/Colladium/fonts/atcoverlook-bolditalic-webfont.ttf") format("truetype"), url("/wp-content/themes/Colladium/fonts/atcoverlook-bolditalic-webfont.svg#atc_overlookbold_italic") format("svg"); font-weight: 700; font-style: italic; } @font-face { font-family: 'atc_overlookextra_light'; src: url("/wp-content/themes/Colladium/fonts/atcoverlook-extralight-webfont.eot"); src: url("/wp-content/themes/Colladium/fonts/atcoverlook-extralight-webfont.eot#iefix") format("embedded-opentype"), url("/wp-content/themes/Colladium/fonts/atcoverlook-extralight-webfont.woff2") format("woff2"), url("/wp-content/themes/Colladium/fonts/atcoverlook-extralight-webfont.woff") format("woff"), url("/wp-content/themes/Colladium/fonts/atcoverlook-extralight-webfont.ttf") format("truetype"), url("/wp-content/themes/Colladium/fonts/atcoverlook-extralight-webfont.svg#atc_overlookextra_light") format("svg"); font-weight: 100; font-style: normal; } @font-face { font-family: 'atc_overlookXLtIt'; src: url("/wp-content/themes/Colladium/fonts/atcoverlook-extralightitalic-webfont.eot"); src: url("/wp-content/themes/Colladium/fonts/atcoverlook-extralightitalic-webfont.eot#iefix") format("embedded-opentype"), url("/wp-content/themes/Colladium/fonts/atcoverlook-extralightitalic-webfont.woff2") format("woff2"), url("/wp-content/themes/Colladium/fonts/atcoverlook-extralightitalic-webfont.woff") format("woff"), url("/wp-content/themes/Colladium/fonts/atcoverlook-extralightitalic-webfont.ttf") format("truetype"), url("/wp-content/themes/Colladium/fonts/atcoverlook-extralightitalic-webfont.svg#atc_overlookXLtIt") format("svg"); font-weight: 100; font-style: italic; } @font-face { font-family: 'atc_overlookheavy'; src: url("/wp-content/themes/Colladium/atcoverlook-heavy-webfont.eot"); src: url("/wp-content/themes/Colladium/atcoverlook-heavy-webfont.eot#iefix") format("embedded-opentype"), url("/wp-content/themes/Colladium/atcoverlook-heavy-webfont.woff2") format("woff2"), url("/wp-content/themes/Colladium/atcoverlook-heavy-webfont.woff") format("woff"), url("/wp-content/themes/Colladium/atcoverlook-heavy-webfont.ttf") format("truetype"), url("/wp-content/themes/Colladium/atcoverlook-heavy-webfont.svg#atc_overlookheavy") format("svg"); font-weight: 900; font-style: normal; } @font-face { font-family: 'atc_overlookheavy_italic'; src: url("/wp-content/themes/Colladium/fonts/atcoverlook-heavyitalic-webfont.eot"); src: url("/wp-content/themes/Colladium/fonts/atcoverlook-heavyitalic-webfont.eot#iefix") format("embedded-opentype"), url("/wp-content/themes/Colladium/fonts/atcoverlook-heavyitalic-webfont.woff2") format("woff2"), url("/wp-content/themes/Colladium/fonts/atcoverlook-heavyitalic-webfont.woff") format("woff"), url("/wp-content/themes/Colladium/fonts/atcoverlook-heavyitalic-webfont.ttf") format("truetype"), url("/wp-content/themes/Colladium/fonts/atcoverlook-heavyitalic-webfont.svg#atc_overlookheavy_italic") format("svg"); font-weight: 900; font-style: italic; } @font-face { font-family: 'atc_overlooklight'; src: url("/wp-content/themes/Colladium/fonts/atcoverlook-light-webfont.eot"); src: url("/wp-content/themes/Colladium/fonts/atcoverlook-light-webfont.eot#iefix") format("embedded-opentype"), url("/wp-content/themes/Colladium/fonts/atcoverlook-light-webfont.woff2") format("woff2"), url("/wp-content/themes/Colladium/fonts/atcoverlook-light-webfont.woff") format("woff"), url("/wp-content/themes/Colladium/fonts/atcoverlook-light-webfont.ttf") format("truetype"), url("/wp-content/themes/Colladium/fonts/atcoverlook-light-webfont.svg#atc_overlooklight") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: 'atc_overlookmedium'; src: url("/wp-content/themes/Colladium/fonts/atcoverlook-medium-webfont.eot"); src: url("/wp-content/themes/Colladium/fonts/atcoverlook-medium-webfont.eot#iefix") format("embedded-opentype"), url("/wp-content/themes/Colladium/fonts/atcoverlook-medium-webfont.woff2") format("woff2"), url("/wp-content/themes/Colladium/fonts/atcoverlook-medium-webfont.woff") format("woff"), url("/wp-content/themes/Colladium/fonts/atcoverlook-medium-webfont.ttf") format("truetype"), url("/wp-content/themes/Colladium/fonts/atcoverlook-medium-webfont.svg#atc_overlookmedium") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: 'atc_overlookbold'; src: url("/wp-content/themes/Colladium/fonts/atcoverlook-bold-webfont.eot"); src: url("/wp-content/themes/Colladium/fonts/atcoverlook-bold-webfont.eot#iefix") format("embedded-opentype"), url("/wp-content/themes/Colladium/fonts/atcoverlook-bold-webfont.woff2") format("woff2"), url("/wp-content/themes/Colladium/fonts/atcoverlook-bold-webfont.woff") format("woff"), url("/wp-content/themes/Colladium/fonts/atcoverlook-bold-webfont.ttf") format("truetype"), url("/wp-content/themes/Colladium/fonts/atcoverlook-bold-webfont.svg#atc_overlookbold") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: 'atcoverlook-regularregular'; src: url("/wp-content/themes/Colladium/fonts/atcoverlook-regular-webfont.eot"); src: url("/wp-content/themes/Colladium/fonts/atcoverlook-regular-webfont.eot#iefix") format("embedded-opentype"), url("/wp-content/themes/Colladium/fonts/atcoverlook-regular-webfont.woff2") format("woff2"), url("/wp-content/themes/Colladium/fonts/atcoverlook-regular-webfont.woff") format("woff"), url("/wp-content/themes/Colladium/fonts/atcoverlook-regular-webfont.ttf") format("truetype"), url("/wp-content/themes/Colladium/fonts/atcoverlook-regular-webfont.svg#atcoverlook-regularregular") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: 'FontAwesome'; src: url("/wp-content/themes/Colladium/fonts/fontawesome-webfont.eot?v=4.2.0"); src: url("/wp-content/themes/Colladium/fonts/fontawesome-webfont.eot#iefix&v=4.2.0") format("embedded-opentype"), url("/wp-content/themes/Colladium/fonts/fontawesome-webfont.woff?v=4.2.0") format("woff"), url("/wp-content/themes/Colladium/fonts/fontawesome-webfont.ttf?v=4.2.0") format("truetype"), url("/wp-content/themes/Colladium/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } .wrapper { clear: both; width: 100%; height: auto; display: inline-block; text-align: center; } .section-space { clear: both; float: left; width: 100%; padding-top: 20px; padding-bottom: 20px; text-align: center; } .container { position: relative; clear: both; display: inline-block; width: 1000px; margin-left: auto; margin-right: auto; line-height: normal; text-align: left; } @media (max-width: 1040px), screen and (max-device-width: 921px) { .container { padding-left: 4%; padding-right: 4%; width: 92%; } } @media (max-width: 720px), screen and (max-device-width: 320px) { .container { width: 92%; padding-left: 4%; padding-right: 4%; } } .desktop { display: block; } .mobile { display: none; } @media (max-width: 720px), screen and (max-device-width: 320px) { .desktop { display: none !important; } .mobile { display: block !important; } } .cta { display: inline-block; color: #001935; background-color: transparent; border: 2px solid #001935; border-radius: 10px; text-decoration: none; padding: 15px 30px; font-family: 'atc_overlookmedium'; font-weight: normal; font-size: 14px; letter-spacing: 1px; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } .cta:hover { background-color: #001935; color: #fff; border: 2px solid #647584; } @media (max-width: 1040px), screen and (max-device-width: 921px) { .cta { width: 54%; margin-left: 3%; margin-right: 3%; padding-left: 0; padding-right: 0; } } @media (max-width: 720px), screen and (max-device-width: 320px) { .cta { width: 94%; margin-left: 3%; margin-right: 3%; padding-left: 0; padding-right: 0; } } a img { border: 0; } a.btn { display: block; width: 150px; margin: auto; margin-top: 70px; padding: 10px; font-family: 'atcoverlook-regularregular'; border: solid 2px #d9d8d7; color: #001935; text-decoration: none; background-color: white; text-align: center; font-size: 14px; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } a.btn:hover { cursor: pointer; border: solid 2px #ffb836; color: #ffb836; } body, * { margin: 0; padding: 0; font-family: 'atc_overlooklight'; font-family: 'atcoverlook-regularregular'; font-weight: normal; -webkit-appearance: none; -moz-appearance: none; } body { background-color: #fff; } #top_menu { position: fixed; height: 25px; background-color: #001935; z-index: 1000; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } #top_menu.drop { -moz-box-shadow: 0 -10px 19px 3px #111; -webkit-box-shadow: 0 -10px 19px 3px #111; box-shadow: 0 -10px 19px 3px #111; } @media (max-width: 720px), screen and (max-device-width: 320px) { #top_menu { margin: 0; line-height: 0; font-size: 0; } } #top_menu #menu-top-header-nav { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; text-align: justify; } #top_menu #menu-top-header-nav li { display: inline-block; list-style-type: none; } #top_menu #menu-top-header-nav li a { font-family: 'atc_overlooklight'; color: #fff; font-weight: normal; font-size: 11px; text-decoration: none; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } #top_menu #menu-top-header-nav li a:hover { -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } #top_menu #menu-top-header-nav li#top_login a { margin-right: 20px; padding: 10px; padding-left: 20px; padding-right: 20px; border-radius: 10px; border: solid 1px #647584; background-color: #647584; } #top_menu #menu-top-header-nav li#top_login a:hover { color: #001935; background-color: #ffb836; border: solid 1px #ffb836; } @media (max-width: 920px) { #top_menu #menu-top-header-nav li#top_login a { margin-right: 15px; padding-left: 15px; padding-right: 15px; } } #top_menu #menu-top-header-nav li a#top_join { margin-right: 0px; padding: 10px; padding-left: 30px; padding-right: 30px; border-radius: 10px; border: solid 1px #fff; background-color: transparent; } #top_menu #menu-top-header-nav li a#top_join:hover { color: #001935; background-color: #ffb836; border: solid 1px #ffb836; } @media (max-width: 920px) { #top_menu #menu-top-header-nav li a#top_join { padding-left: 15px; padding-right: 15px; } } #top_menu #menu-top-header-nav li#lang { position: relative; margin-left: 20px; } @media (max-width: 920px) { #top_menu #menu-top-header-nav li#lang { margin-left: 15px; } } #top_menu #menu-top-header-nav li#lang a { margin-right: 20px; padding: 10px; padding-left: 35px; padding-right: 20px; border-radius: 10px; border: solid 1px #fff; background-color: transparent; background-image: url(/wp-content/themes/Colladium/images/flag-aus.png); background-repeat: no-repeat; background-position: 10px center; } @media (max-width: 920px) { #top_menu #menu-top-header-nav li#lang a { margin-right: 0px; } } #top_menu #menu-top-header-nav li#lang a.chi { background-image: url(/wp-content/themes/Colladium/images/flag-chi.png); } #top_menu #menu-top-header-nav li#lang a.jap { background-image: url(/wp-content/themes/Colladium/images/flag-jap.png); } #top_menu #menu-top-header-nav li#lang a:hover { color: #001935; background-color: #ffb836; border: solid 1px #ffb836; } #top_menu #menu-top-header-nav li#lang a:after { margin-left: 10px; content: "\f0d7"; font-family: FontAwesome; } #top_menu #menu-top-header-nav li#lang ul { position: absolute; top: 27px; left: 0; width: 110px; margin: 0; padding: 0; border-radius: 10px; overflow: hidden; background-color: #fff; border-top: solid 1px #001935; display: none; } #top_menu #menu-top-header-nav li#lang ul li { clear: both; float: left; width: 110px; height: auto; margin: 0; padding: 5px; padding-left: 0; padding-right: 0; background-color: #fff; border: solid 0px #ffb836; } #top_menu #menu-top-header-nav li#lang ul li a { display: block; width: 70px; margin: 0; padding: 5px; padding-left: 35px; border: solid 0px #ffb836; color: #001935; } #top_menu #menu-top-header-nav li#lang ul li a:after { margin-left: 0px; content: ""; } #top_menu #menu-top-header-nav li#lang ul li a:hover { color: #ffb836; background-color: #fff; border: solid 0px #ffb836; } #top_menu #mobile_menu { height: auto; width: 100%; margin: 0; padding: 0; line-height: 0; font-size: 0; text-align: center; } #top_menu #mobile_menu #menu_open, #top_menu #mobile_menu #menu_close { position: absolute; top: 16px; right: 15px; width: 33px; height: 30px; padding-top: 3px; color: #fff; font-family: FontAwesome; font-weight: normal; text-align: center; font-size: 25px; line-height: normal; background-color: transparent; } #top_menu #mobile_menu #menu_close { color: #ffb836; display: none; } #top_menu #mobile_menu #mobile_logo { display: inline-block; border: 0; width: 190px; height: 22px; margin: 0; padding: 0; line-height: 0; font-size: 0; } #top_menu #mobile_menu #mobile_logo img { border: 0; margin: 0; padding: 0; width: 100%; height: auto; line-height: 0; } #mobile_nav { width: 100%; overflow: hidden; position: absolute; top: 0px; left: 0px; padding-left: 0%; padding-top: 65px; background-color: #35424d; z-index: 900; display: none; } #mobile_nav .menu-mobile-nav-container { margin: 0; padding: 0; } #mobile_nav .menu-mobile-nav-container ul li { list-style-type: none; } #mobile_nav .menu-mobile-nav-container ul li a { display: block; width: 95%; padding-top: 15px; padding-bottom: 15px; padding-left: 5%; border-bottom: solid 1px #10313a; color: #fff; font-size: 15px; text-decoration: none; text-align: left; } #mobile_nav .menu-mobile-nav-container ul li a:hover { color: #ffb836; } #mobile_nav .menu-mobile-nav-container ul li#top_login-mobile a { color: #ffb836; } #mobile_nav .menu-mobile-nav-container ul li#lang-mobile a { width: 95%; padding-left: 5%; background-image: url(/wp-content/themes/Colladium/images/flag-aus.png); background-repeat: no-repeat; background-position: right center; } #mobile_nav .menu-mobile-nav-container ul li#lang-mobile a.chi { background-image: url(/wp-content/themes/Colladium/images/flag-chi.png); } #mobile_nav .menu-mobile-nav-container ul li#lang-mobile a.jap { background-image: url(/wp-content/themes/Colladium/images/flag-jap.png); } #mobile_nav .menu-mobile-nav-container ul li#lang-mobile a:hover { color: #001935; background-color: #ffb836; border: solid 1px #ffb836; } #mobile_veil { position: absolute; top: 0; left: 0; width: 100%; height: 1000px; background-color: rgba(0, 0, 0, 0.8); display: none; z-index: 800; } #wrapper { display: block; max-width: 1170px; margin-left: auto; margin-right: auto; background-color: #fff; } #slider_content { margin-top: 28px; padding: 0; background-color: #e5a532; background-size: cover; height: 340px; } @media (max-width: 720px), screen and (max-device-width: 320px) { #slider_content { min-height: 400px; margin-top: 58px; display: flex; align-items: center; } } #slider_content .container { width: 100%; text-align: center; } @media (max-width: 1040px), screen and (max-device-width: 921px) { #slider_content .container { padding: 0; } } @media (max-width: 720px), screen and (max-device-width: 320px) { #slider_content .container { width: 100%; padding: 0; } } #slider_content #slider_content-slider { margin: 0; padding: 0; } #slider_content #slider_content-slider li { position: relative; margin: 0; padding: 0; list-style-type: none; } #slider_content #slider_content-slider li img { width: 100%; max-width: 1200px; height: auto; } @media (max-width: 720px), screen and (max-device-width: 320px) { #slider_content #slider_content-slider li img { margin-top: -40px; margin-bottom: 40px; } } #slider_content #slider_content-slider li .the_link { position: absolute; width: 100%; bottom: 100px; text-align: center; z-index: 100; } #slider_content #slider_content-slider li .the_link p { margin-bottom: 20px; font-family: "atc_overlookmedium"; font-weight: normal; font-size: 20px; } @media (max-width: 1040px), screen and (max-device-width: 921px) { #slider_content #slider_content-slider li .the_link { bottom: 50px; } } @media (max-width: 720px), screen and (max-device-width: 320px) { #slider_content #slider_content-slider li .the_link { bottom: -25px; } #slider_content #slider_content-slider li .the_link p { width: 80%; margin-left: 10%; font-size: 14px; } } @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) { #slider_content #slider_content-slider li .the_link { bottom: 55px; } } #slider_content #slider_content-slider li a { display: inline-block; color: #001935; background-color: transparent; border: 2px solid #001935; border-radius: 10px; text-decoration: none; padding: 15px 30px; font-family: 'atc_overlookmedium'; font-weight: normal; font-size: 14px; letter-spacing: 1px; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } #slider_content #slider_content-slider li a:hover { background-color: #001935; color: #fff; border: 2px solid #647584; } @media (max-width: 720px), screen and (max-device-width: 320px) { #slider_content #slider_content-slider li a { border: solid 1px #001935; font-size: 12px; padding-top: 8px; padding-bottom: 8px; } } #services_content { background-color: #001935; padding-bottom: 60px; } #services_content h2 { width: 100%; margin-top: 40px; margin-bottom: 40px; text-align: center; color: #fff; font-size: 30px; font-family: 'atc_overlookmedium'; font-weight: normal; } @media (max-width: 1040px), screen and (max-device-width: 921px) { #services_content h2 { margin-top: 20px; margin-bottom: 20px; font-size: 27px; } } #services_content #services_content-slider { margin: 0; padding: 0; text-align: center; } #services_content #services_content-slider li { display: inline-block; width: 27%; margin: 0; margin-left: 3%; margin-right: 3%; margin-bottom: 40px; padding: 0; vertical-align: top; list-style-type: none; text-align: center; } @media (max-width: 1040px), screen and (max-device-width: 921px) { #services_content #services_content-slider li { width: 42%; width: 46%; margin-left: 2%; margin-right: 2%; margin-bottom: 10px; } } @media (max-width: 720px), screen and (max-device-width: 320px) { #services_content #services_content-slider li { width: 94%; } } @media (max-width: 720px), screen and (max-device-width: 320px) { #services_content #services_content-slider li:last-child { margin-bottom: 20px; } } #services_content #services_content-slider li p, #services_content #services_content-slider li a { display: block; font-family: 'atc_overlooklight'; letter-spacing: 1px; font-weight: normal; } #services_content #services_content-slider li p { margin-bottom: 15px; line-height: 17px; color: #fff; font-size: 14px; letter-spacing: 0.3px; } i got #services_content #services_content-slider li p:nth-child(2) { width: 70%; margin-left: auto; margin-right: auto; } #services_content #services_content-slider li p.title { font-family: "atc_overlookmedium"; font-weight: normal; } #services_content #services_content-slider li a { color: #ffb836; text-transform: uppercase; font-size: 10px; text-decoration: none; } #services_content #services_content-slider li a:hover { font-weight: bold; } #get_started_content { padding-bottom: 80px; background-color: #e5a532; background-image: url("/wp-content/themes/Colladium/images/section-yellow_background.jpg"); background-position: center center; background-size: cover; } #get_started_content .container { text-align: center; } #get_started_content .container h1 { opacity: 0; } @media (max-width: 720px), screen and (max-device-width: 320px) { #get_started_content .container .cta { margin-bottom: 20px; } } #get_started_content .container .number { display: inline-block; width: 16%; height: 230px; margin-left: 2%; margin-right: 2%; margin-bottom: 20px; text-align: center; vertical-align: top; opacity: 0; } @media (max-width: 1040px), screen and (max-device-width: 921px) { #get_started_content .container .number { width: 14%; height: 200px; } } @media (max-width: 720px), screen and (max-device-width: 320px) { #get_started_content .container .number { width: 70%; height: 140px; } } #get_started_content .container .number .icon { display: inline-block; width: 77px; height: 77px; margin-bottom: 10px; background-image: url("/wp-content/themes/Colladium/images/sprite.png"); background-position: -18px -19px; background-repeat: no-repeat; } #get_started_content .container .number.two .icon { background-position: -118px -19px; } #get_started_content .container .number.three .icon { background-position: -218px -19px; } #get_started_content .container .number.four .icon { background-position: -318px -19px; } #get_started_content .container .number p { font-size: 14px; color: #001935; font-family: 'atcoverlook-regularregular'; letter-spacing: 1px; font-weight: normal; line-height: 20px; letter-spacing: 0.3px; } @media (max-width: 1040px), screen and (max-device-width: 921px) { #get_started_content .container .number p { font-size: 15px; } } #get_started_content .container .arrow { display: inline-block; width: 2%; height: 100px; margin-left: 2%; margin-right: 2%; opacity: 0; background-image: url("/wp-content/themes/Colladium/images/sprite.png"); background-position: -17px -111px; background-repeat: no-repeat; } @media (max-width: 1040px), screen and (max-device-width: 921px) { #get_started_content .container .arrow { width: 20px; } } @media (max-width: 720px), screen and (max-device-width: 320px) { #get_started_content .container .arrow { display: none; } } #get_started_content .container .cta { clear: both; display: inline-block; margin-top: 10px; } @media (max-width: 720px), screen and (max-device-width: 320px) { #get_started_content .container .cta { margin-top: 50px; } } @media (max-width: 720px), screen and (max-device-width: 320px) { #get_started_content .container .cta { width: 60%; } } #get_started_content h1 { width: 100%; margin-top: 40px; margin-bottom: 40px; text-align: center; font-size: 30px; letter-spacing: 1px; font-size: 30px; font-family: 'atc_overlookmedium'; font-weight: normal; color: #001935; } #lorem_ipsom_content { padding-bottom: 80px; background-color: #e5a532; background-color: #f1f1f1; } #lorem_ipsom_content .container h1 { width: 100%; margin-top: 40px; margin-bottom: 40px; text-align: center; font-size: 30px; font-family: 'atc_overlookmedium'; font-weight: normal; letter-spacing: 1px; color: #001935; } #lorem_ipsom_content .container #tools_content-slider { margin: 0; padding: 0; text-align: center; } #lorem_ipsom_content .container #tools_content-slider li { display: inline-block; width: 42%; margin: 0; margin-left: 2%; margin-right: 2%; margin-bottom: 40px; padding: 0; vertical-align: top; list-style-type: none; text-align: left; } @media (max-width: 1040px), screen and (max-device-width: 921px) { #lorem_ipsom_content .container #tools_content-slider li { text-align: center; } } @media (max-width: 720px), screen and (max-device-width: 320px) { #lorem_ipsom_content .container #tools_content-slider li { clear: both; width: 100%; margin-left: 0; } } #lorem_ipsom_content .container #tools_content-slider li .the_copy { float: left; width: 270px; margin-left: 20px; margin-top: 20px; } @media (max-width: 1040px), screen and (max-device-width: 921px) { #lorem_ipsom_content .container #tools_content-slider li .the_copy { clear: both; width: 96%; margin-left: 2%; margin-right: 2%; } } #lorem_ipsom_content .container #tools_content-slider li img { float: left; width: 102px; height: 102px; margin-top: 30px; } @media (max-width: 1040px), screen and (max-device-width: 921px) { #lorem_ipsom_content .container #tools_content-slider li img { float: none; margin-top: 0; display: inline-block; } } #lorem_ipsom_content .container #tools_content-slider li p, #lorem_ipsom_content .container #tools_content-slider li h3 { margin-bottom: 15px; line-height: 17px; color: #001935; font-size: 12px; } #lorem_ipsom_content .container #tools_content-slider li h3 { font-size: 15px; font-family: 'atc_overlookmedium'; letter-spacing: 1px; font-weight: normal; color: #fff; color: #001935; } #lorem_ipsom_content .container #tools_content-slider li p, #lorem_ipsom_content .container #tools_content-slider li a { display: block; font-size: 14px; color: #001935; font-family: 'atcoverlook-regularregular'; letter-spacing: 1px; font-weight: normal; line-height: 20px; letter-spacing: 0.3px; } #lorem_ipsom_content .container #tools_content-slider li a { color: #fff; color: #ffb836; text-transform: uppercase; font-size: 10px; text-decoration: none; font-family: 'atc_overlookmedium'; font-weight: normal; } #lorem_ipsom_content .container #tools_content-slider li a:hover { text-decoration: underline; } .height_control_05 { background-image: url(/wp-content/themes/Colladium/images/Colladium_fifthScroll_Background-OPT.jpg); background-size: cover; background-color: #001935; } #footer-video { position: relative; width: 100%; min-height: 300px; padding: 0; background-image: url(/wp-content/themes/Colladium/images/Colladium_fifthScroll_Background-OPT.jpg); background-size: cover; background-color: #001935; display: inline-block; text-align: center; overflow: hidden; } @media (max-width: 720px), screen and (max-device-width: 320px) { #footer-video { min-height: 380px; } } @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) { #footer-video { min-height: 460px; } } #footer-video .container { width: 100%; text-align: center; } @media (max-width: 1040px), screen and (max-device-width: 921px) { #footer-video .container { padding: 0; } } @media (max-width: 720px), screen and (max-device-width: 320px) { #footer-video .container { width: 100%; padding: 0; } } #footer-video img, #footer-video svg { position: absolute; bottom: 0; left: 0; display: inline-block; width: 100%; height: auto; } #footer-menu-generic { padding-bottom: 80px; background-color: #001935; } @media (max-width: 720px), screen and (max-device-width: 320px) { #footer-menu-generic { padding-top: 40px !important; padding-bottom: 30px; } } #footer-menu-generic .container { text-align: center; } @media (max-width: 720px), screen and (max-device-width: 320px) { #footer-menu-generic .container { text-align: center; } } #footer-menu-generic img { position: relative; display: inline-block; width: 40px; height: auto; margin-top: -5px; z-index: 10; } @media (max-width: 720px), screen and (max-device-width: 320px) { #footer-menu-generic img { float: none; display: inline-block; margin-top: 40px; } } #footer-menu-generic .social_icons { display: inline-block; opacity: 1; } @media (max-width: 720px), screen and (max-device-width: 320px) { #footer-menu-generic .social_icons { margin-top: 40px; } } #footer-menu-generic a.social { display: inline-block; width: 30px; height: 23px; margin-left: 10px; padding-top: 7px; text-align: center; font-size: 15px; font-family: fontAwesome; color: #e6e7e8; text-decoration: none; border-radius: 30px; background-color: #cecece; background-color: #1daeeb; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } #footer-menu-generic a.social:hover { background-color: #ffb836; color: #001935; } #footer-menu-generic a.social.linkedin { background-color: #127db5; } #footer-menu-generic a.social.linkedin:hover { background-color: #ffb836; color: #001935; } #footer-menu-generic a.social.facebook { background-color: #47629c; } #footer-menu-generic a.social.facebook:hover { background-color: #ffb836; color: #001935; } @media (max-width: 720px), screen and (max-device-width: 320px) { #footer-menu-generic a.social { float: none; display: inline-block; margin-right: 10px; } } #footer-menu-generic a.social font { font-family: fontAwesome !important; } #footer-menu-generic a.social:before { display: inline-block; width: 30px; height: 23px; margin-left: 10px; padding-top: 7px; text-align: center; font-size: 15px; font-family: fontAwesome; color: #e6e7e8; text-decoration: none; border-radius: 30px; background-color: #cecece; background-color: #1daeeb; } #footer-menu-generic .menu-footer-menu-container { width: auto; top: 5px; display: inline-block; text-align: center; font-size: 12px; z-index: 100; } @media (max-width: 720px), screen and (max-device-width: 320px) { #footer-menu-generic .menu-footer-menu-container { position: static; clear: both; float: left; width: 100%; } } #footer-menu-generic .menu-footer-menu-container ul { margin: 0; padding: 0; } #footer-menu-generic .menu-footer-menu-container li { display: inline-block; list-style-type: none; margin-left: 10px; margin-right: 10px; } #footer-menu-generic .menu-footer-menu-container li a { position: relative; font-family: 'atc_overlooklight'; color: #fff; font-weight: normal; font-size: 11px; text-decoration: none; z-index: 10; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } #footer-menu-generic .menu-footer-menu-container li a:hover { color: #ffb836; } #footer-menu-generic { padding-top: 100px; background-color: #e6e7e8; } #footer-menu-generic .social_icons { margin-top: -5px; margin-left: 100px; } @media (max-width: 720px), screen and (max-device-width: 320px) { #footer-menu-generic .social_icons { clear: both; width: 100%; margin: 0; margin-top: 15px; padding: 0; } } #footer-menu-generic img { float: left; margin-top: -10px; } @media (max-width: 720px), screen and (max-device-width: 320px) { #footer-menu-generic img { float: none; } } #footer-menu-generic .menu-footer-menu-container { display: inline-block; width: auto; margin-left: 60px; } @media (max-width: 1040px), screen and (max-device-width: 921px) { #footer-menu-generic .menu-footer-menu-container { width: 60%; margin-left: 0px; } } @media (max-width: 720px), screen and (max-device-width: 320px) { #footer-menu-generic .menu-footer-menu-container { width: 100%; text-align: center; margin-top: 15px; } } #footer-menu-generic .menu-footer-menu-container ul { width: 100%; } #footer-menu-generic .menu-footer-menu-container li { margin-left: 30px; margin-right: 30px; } @media (max-width: 1040px), screen and (max-device-width: 921px) { #footer-menu-generic .menu-footer-menu-container li { margin-left: 0px; margin-right: 30px; } } @media (max-width: 720px), screen and (max-device-width: 320px) { #footer-menu-generic .menu-footer-menu-container li { margin-left: 10px; margin-right: 10px; } } #footer-menu-generic .menu-footer-menu-container li a { color: #001935; font-family: 'atcoverlook-regularregular'; } #footer-menu-generic .menu-footer-menu-container li a:hover { color: #ffb836; } #footer-menu { padding-bottom: 100px; background-color: #e6e7e8; padding-top: 100px; background-color: #e6e7e8; padding-bottom: 80px; } @media (max-width: 720px), screen and (max-device-width: 320px) { #footer-menu .container { text-align: center; } } #footer-menu img { position: relative; float: left; margin-top: -5px; z-index: 10; position: relative; float: left; width: 40px; height: auto; margin-top: -5px; z-index: 10; } @media (max-width: 720px), screen and (max-device-width: 320px) { #footer-menu img { float: none; display: inline-block; margin-top: 40px; } } @media (max-width: 720px), screen and (max-device-width: 320px) { #footer-menu img { float: none; display: inline-block; margin-top: 40px; } } @media (max-width: 720px), screen and (max-device-width: 320px) { #footer-menu .social_icons { margin-top: 40px; } } #footer-menu a.social { float: right; width: 30px; height: 23px; margin-left: 10px; padding-top: 7px; text-align: center; font-size: 15px; font-family: fontAwesome; color: #e6e7e8; text-decoration: none; border-radius: 30px; background-color: #cecece; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } #footer-menu a.social:hover { background-color: #ffb836; color: #001935; } @media (max-width: 720px), screen and (max-device-width: 320px) { #footer-menu a.social { float: none; display: inline-block; margin-right: 10px; } } #footer-menu a.social font { font-family: fontAwesome !important; } #footer-menu .menu-footer-menu-container { position: absolute; width: 100%; left: 0; top: 5px; display: inline-block; text-align: center; font-size: 12px; z-index: 100; } @media (max-width: 720px), screen and (max-device-width: 320px) { #footer-menu .menu-footer-menu-container { position: static; clear: both; float: left; width: 100%; } } #footer-menu .menu-footer-menu-container ul { margin: 0; padding: 0; } #footer-menu .menu-footer-menu-container li { display: inline-block; list-style-type: none; margin-left: 10px; margin-right: 10px; } #footer-menu .menu-footer-menu-container li a { position: relative; font-family: 'atc_overlooklight'; color: #fff; font-weight: normal; font-size: 11px; text-decoration: none; z-index: 10; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } #footer-menu .menu-footer-menu-container li a:hover { color: #ffb836; } #footer { background-color: #d9d8d7; padding-bottom: 20px;} #footer p { float: right; font-size: 10px; color: #999999; font-family: 'atcoverlook-regularregular'; } @media (max-width: 720px), screen and (max-device-width: 320px) { #footer p { float: none; width: 100%; text-align: center; } } #page_header { height: 500px !important; margin-top: 58px; padding: 0; background-color: #e5a532; background-color: #fff; overflow: hidden; background-position: center top; background-size: cover; } @media (max-width: 720px), screen and (max-device-width: 320px) { #page_header { height: 250px !important; } } #page_header .container { width: 100%; text-align: center; } #page_header .container .the_copy { position: absolute; left: 0; top: 30%; width: 100%; } #page_header .container h1 { color: #001935; color: #fff; font-weight: normal; font-size: 36px; font-size: 28px; font-size: 36px; text-decoration: underline; text-decoration: none; font-family: 'atc_overlooklight'; font-family: 'atc_overlookmedium'; font-weight: normal; text-shadow: 2px 2px 2px #000; text-shadow: 0px 0px 5px #444; } @media (max-width: 720px), screen and (max-device-width: 320px) { #page_header .container h1 { padding-right: 20%; } } #page_header .container h2 { color: #001935; color: #fff; font-weight: normal; font-size: 18px; font-size: 24px; font-family: 'atc_overlookmedium'; text-shadow: 2px 2px 2px #000; text-shadow: 0px 0px 5px #444; } @media (max-width: 720px), screen and (max-device-width: 320px) { #page_header .container h2 { padding-right: 20%; } } #page_header .container .wp-post-image { width: 100%; height: auto; } @media (max-width: 720px), screen and (max-device-width: 320px) { #page_header .container .wp-post-image { width: 120%; margin-left: -20%; } } @media (max-width: 1040px), screen and (max-device-width: 921px) { #page_header .container { padding: 0; } } @media (max-width: 720px), screen and (max-device-width: 320px) { #page_header .container { width: 120%; padding: 0; } } #contact_us #page_content .container .column, #careers #page_content .container .column, #jobs #page_content .container .column, #generic_thin #page_content .container .column, #tutorials_page #page_content .container .column, #blog_page #page_content .container .column { float: none; width: 60%; margin-left: auto; margin-right: auto; } @media (max-width: 720px), screen and (max-device-width: 320px) { #contact_us #page_content .container .column, #careers #page_content .container .column, #jobs #page_content .container .column, #generic_thin #page_content .container .column, #tutorials_page #page_content .container .column, #blog_page #page_content .container .column { width: 92%; padding-left: 4%; padding-right: 4%; } } #contact_us #page_content .container .column .the_form, #careers #page_content .container .column .the_form, #jobs #page_content .container .column .the_form, #generic_thin #page_content .container .column .the_form, #tutorials_page #page_content .container .column .the_form, #blog_page #page_content .container .column .the_form { margin-top: 40px; margin-left: 10%; margin-right: 10%; } #careers #page_content .container .column { float: none; width: 60%; margin-left: auto; margin-right: auto; } @media (max-width: 720px), screen and (max-device-width: 320px) { #careers #page_content .container .column { width: 92%; padding-left: 4%; padding-right: 4%; } } #careers #page_content .container .column ul#the_jobs { margin-top: 20px; } #careers #page_content .container .column ul#the_jobs li { width: 90%; height: auto; margin: 0; margin-bottom: 20px; padding: 5%; padding-top: 15px; padding-bottom: 25px; list-style-type: none; background-color: #ebebeb; } #careers #page_content .container .column ul#the_jobs li h3 a { display: block; color: #001935; color: #001935; font-size: 17px; font-family: 'atc_overlookmedium'; font-weight: normal; text-decoration: none; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } #careers #page_content .container .column ul#the_jobs li h3 a:hover { color: #ffb836; } #careers #page_content .container .column ul#the_jobs li a.read_more { font-size: 12px; color: #001935; text-decoration: none; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } #careers #page_content .container .column ul#the_jobs li a.read_more:after { display: inline-block; margin-left: 5px; font-family: FontAwesome; font-size: 8px; content: "\f054"; } #careers #page_content .container .column ul#the_jobs li a.read_more:hover { color: #ffb836; } #careers #page_content .container .column ul#the_jobs li p, #careers #page_content .container .column ul#the_jobs li p a { font-size: 15px; color: #001935; line-height: 18x; margin-top: 10px; margin-bottom: 10px; text-decoration: none; } /** #careers #page_content .container .column p#total_jobs { margin-top: 30px; font-family: 'atc_overlookmedium'; font-size: 15px; color: #999; font-weight: normal; } **/ #careers #page_content .container .column p#total_jobs span { font-size: 15px; color: #999; font-family: 'atc_overlookbold'; font-weight: normal; } #jobs #page_content { margin-top: 58px; } #jobs #page_content .container .column h2, #jobs #page_content .container .column h4 { color: #001935; } #jobs #page_content .container .column h2 { font-size: 22px; font-family: 'atc_overlookmedium'; font-weight: normal; } #jobs #page_content .container .column h5 { width: 100%; margin-top: 50px; text-align: center; font-weight: normal; font-size: 18px; color: #001935; font-family: 'atc_overlooklight'; font-weight: normal; } #jobs #page_content .container .column h5 span { font-family: 'atc_overlookmedium'; font-weight: normal; } #jobs #page_content .container .column .the_form { margin-top: 20px; margin-left: 10%; margin-right: 10%; } #generic_thin #page_content, #generic_side_menu #page_content { padding-bottom: 20px; } #generic_thin #big_wide_image, #generic_side_menu #big_wide_image { padding-bottom: 60px; } #generic_thin #big_wide_image .container, #generic_side_menu #big_wide_image .container { width: auto; text-align: center; } #generic_thin #big_wide_image .container img, #generic_side_menu #big_wide_image .container img { width: 100%; max-width: 1200px; height: auto; } #generic_thin #video_needed, #generic_side_menu #video_needed { padding-bottom: 60px; } #generic_thin #video_needed .container, #generic_side_menu #video_needed .container { width: auto; text-align: center; } @media (max-width: 720px), screen and (max-device-width: 320px) { #generic_thin #video_needed .container, #generic_side_menu #video_needed .container { width: 100%; height: auto; padding: 0; margin: 0; } #generic_thin #video_needed .container img, #generic_side_menu #video_needed .container img { width: 100%; height: auto; padding: 0; margin: 0; } } #tutorials_page #page_content .container #tutorials_reel li { list-style-type: none; display: inline-block; width: 46%; margin-left: 2%; margin-right: 2%; vertical-align: top; margin-bottom: 30px; } @media (max-width: 720px), screen and (max-device-width: 320px) { #tutorials_page #page_content .container #tutorials_reel li { width: 96%; } } #tutorials_page #page_content .container #tutorials_reel li img { width: 100%; height: auto; } #faq_page #page_content ul#side_menu li { color: #001935; font-weight: normal; font-size: 15px; text-decoration: none; font-family: 'atc_overlooklight'; font-family: 'atcoverlook-regularregular'; font-weight: normal; } @media (max-width: 720px), screen and (max-device-width: 320px) { #faq_page #page_content ul#side_menu li.current_page_item { color: #ffb836; border: solid 2px #ffb836; } } #faq_page #page_content ul#side_menu li.current_page_item:before { display: inline-block; width: 15px; content: "\f0da"; font-family: fontAwesome; } @media (max-width: 720px), screen and (max-device-width: 320px) { #faq_page #page_content ul#side_menu li.current_page_item:before { content: " "; width: 0; } } #faq_page #faq_listing li { margin-bottom: 20px; list-style-type: none; display: none; } #faq_page #faq_listing li h3 { margin-top: 4px; margin-bottom: 0; } #faq_page #faq_listing li h3:hover { color: #ffb836; cursor: pointer; } #faq_page #faq_listing li h3:hover span:hover { color: #ffb836; cursor: pointer; } #faq_page #faq_listing li h3 span:after { display: inline-block; width: 20px; height: 10px; margin-left: 5px; font-size: 15px; font-family: FontAwesome; content: '\f0d7'; } #faq_page #faq_listing li h3 span.open:after { content: '\f0d8'; } #faq_page #faq_listing li div { display: none; } #faq_page #faq_listing li div a { font-size: 15px; color: #001935; } #faq_page #faq_listing li div a:hover { color: #ffb836; } #faq_page #faq_listing li .open { display: none; } #blog_page #page_content .container #blog_reel li { list-style-type: none; display: inline-block; width: 100%; margin-left: 0%; margin-right: 0%; vertical-align: top; margin-bottom: 30px; } #blog_page #page_content .container #blog_reel li .the_image { position: relative; display: inline-block; vertical-align: top; width: 30%; height: 210px; overflow: hidden; } #blog_page #page_content .container #blog_reel li .the_image img { width: auto; height: 100%; } @media (max-width: 720px), screen and (max-device-width: 320px) { #blog_page #page_content .container #blog_reel li .the_image { clear: both; float: left; width: 100%; margin-left: 0; margin-right: 0; padding-left: 0%; padding-right: 0%; } } #blog_page #page_content .container #blog_reel li a.title_link { color: #001935; font-weight: normal; color: #001935; font-family: "atc_overlookmedium"; font-size: 17px; text-decoration: none; } #blog_page #page_content .container #blog_reel li a.title_link:hover { text-decoration: underline; } #blog_page #page_content .container #blog_reel li .the_copy { display: inline-block; width: 64%; margin-left: 4%; vertical-align: top; } @media (max-width: 720px), screen and (max-device-width: 320px) { #blog_page #page_content .container #blog_reel li .the_copy { clear: both; float: left; width: 100%; margin-left: 0; margin-right: 0; padding-left: 0%; padding-right: 0%; } } #blog_page #page_content .container #blog_reel li .the_copy h3 { margin-top: 0; line-height: 22px; } @media (max-width: 720px), screen and (max-device-width: 320px) { #blog_page #page_content .container #blog_reel li .the_copy h3 { margin-top: 15px; } } #blog_page #page_content .container #blog_reel li .the_copy h4 { color: #001935; font-size: 14px; font-weight: normal; font-family: 'atc_overlooklight'; } #blog_page #page_content .container #blog_reel li .the_copy a.read_more { font-size: 12px; color: #001935; text-decoration: none; font-family: 'atcoverlook-regularregular'; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } #blog_page #page_content .container #blog_reel li .the_copy a.read_more:after { display: inline-block; margin-left: 5px; font-family: FontAwesome; font-size: 8px; content: "\f054"; } #blog_page #page_content .container #blog_reel li .the_copy a.read_more:hover { color: #ffb836; } #blog_page #page_content .container #blog_reel li .the_copy .categories a { display: inline-block; font-family: 'atcoverlook-regularregular'; margin-top: 10px; margin-right: 10px; padding: 8px; padding-top: 4px; padding-bottom: 4px; font-size: 11px; color: #999999; text-decoration: none; border: solid 2px #cecece; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } #blog_page #page_content .container #blog_reel li .the_copy .categories a:hover { color: #ffb836; border: solid 2px #ffb836; } #blog_page .btn { display: block; width: 150px; margin: auto; margin-top: 70px; padding: 10px; font-family: 'atcoverlook-regularregular'; border: solid 2px #d9d8d7; color: #001935; background-color: white; text-align: center; font-size: 14px; } #blog_page .btn:hover { cursor: pointer; } @media (max-width: 720px), screen and (max-device-width: 320px) { #single_post #page_header { padding: 0; } } #single_post #page_header img { width: 100%; max-width: 1200px; height: auto; } @media (max-width: 720px), screen and (max-device-width: 320px) { #single_post #page_header img { width: 120%; margin-left: -20%; } } #single_post #page_header #featured_image { opacity: 0; } #single_post #page_header .the_copy h1 { width: 50%; text-align: left; display: none; font-family: 'atc_overlookmedium'; font-weight: normal; } @media (max-width: 1040px), screen and (max-device-width: 921px) { #single_post #page_header .the_copy h1 { font-size: 27px; } } @media (max-width: 720px), screen and (max-device-width: 320px) { #single_post #page_header .the_copy h1 { width: 60%; font-size: 20px; padding-right: 20%; padding-left: 20%; } } #single_post #page_content .container .sidebar, #single_post #generic_side_menu .container .sidebar { float: left; width: 200px; margin-top: 10px; } @media (max-width: 1040px), screen and (max-device-width: 921px) { #single_post #page_content .container .sidebar, #single_post #generic_side_menu .container .sidebar { padding-left: 0%; padding-right: 0%; width: 18%; } } @media (max-width: 720px), screen and (max-device-width: 320px) { #single_post #page_content .container .sidebar, #single_post #generic_side_menu .container .sidebar { width: 92%; padding-left: 4%; padding-right: 4%; } } #single_post #page_content .container .sidebar a.back_to, #single_post #generic_side_menu .container .sidebar a.back_to { font-size: 12px; color: #001935; text-decoration: none; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } #single_post #page_content .container .sidebar a.back_to:before, #single_post #generic_side_menu .container .sidebar a.back_to:before { display: inline-block; margin-right: 5px; font-family: FontAwesome; font-size: 8px; content: "\f053"; } #single_post #page_content .container .sidebar a.back_to:hover, #single_post #generic_side_menu .container .sidebar a.back_to:hover { color: #ffb836; } #single_post #page_content .container .sidebar h4, #single_post #generic_side_menu .container .sidebar h4 { margin-top: 30px; font-size: 14px; font-weight: normal; } #single_post #page_content .container .sidebar .categories a, #single_post #generic_side_menu .container .sidebar .categories a { clear: both; float: left; margin-top: 10px; margin-right: 10px; padding: 8px; padding-top: 4px; padding-bottom: 4px; font-size: 11px; color: #999999; text-decoration: none; font-family: 'atcoverlook-regularregular'; border: solid 2px #cecece; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } @media (max-width: 720px), screen and (max-device-width: 320px) { #single_post #page_content .container .sidebar .categories a, #single_post #generic_side_menu .container .sidebar .categories a { clear: none; } } #single_post #page_content .container .sidebar .categories a:hover, #single_post #generic_side_menu .container .sidebar .categories a:hover { color: #ffb836; border: solid 2px #ffb836; } #single_post #page_content .container .column, #single_post #generic_side_menu .container .column { float: left; width: 800px; } @media (max-width: 1040px), screen and (max-device-width: 921px) { #single_post #page_content .container .column, #single_post #generic_side_menu .container .column { padding-left: 4%; padding-right: 0%; width: 78%; } } @media (max-width: 720px), screen and (max-device-width: 320px) { #single_post #page_content .container .column, #single_post #generic_side_menu .container .column { width: 92%; padding-left: 4%; padding-right: 4%; } } #single_post #page_content .container .column h3:first-child, #single_post #generic_side_menu .container .column h3:first-child { margin-top: 0; } @media (max-width: 720px), screen and (max-device-width: 320px) { #single_post #page_content .container .column h3:first-child, #single_post #generic_side_menu .container .column h3:first-child { margin-top: 30px; } } #single_post #page_content .container .column h4, #single_post #generic_side_menu .container .column h4 { color: #001935; font-weight: normal; } #single_post #page_content .container .column #social_media_share_icons h5, #single_post #generic_side_menu .container .column #social_media_share_icons h5 { margin-top: 27px; } #single_post #page_content .container .column #social_media_share_icons .shareaholic_wrapper .shareaholic-canvas, #single_post #generic_side_menu .container .column #social_media_share_icons .shareaholic_wrapper .shareaholic-canvas { clear: none !important; } #single_post #page_content .container .column #social_media_share_icons .shareaholic_wrapper .shareaholic-canvas .shareaholic-share-buttons-container.round .shareaholic-share-button-container .shareaholic-service-icon, #single_post #generic_side_menu .container .column #social_media_share_icons .shareaholic_wrapper .shareaholic-canvas .shareaholic-share-buttons-container.round .shareaholic-share-button-container .shareaholic-service-icon { font-size: 17px !important; } #single_post #page_content .container .column #social_media_share_icons .shareaholic_wrapper .shareaholic-canvas .shareaholic-share-buttons-container.round .shareaholic-share-button-container .shareaholic-service-icon::before, #single_post #generic_side_menu .container .column #social_media_share_icons .shareaholic_wrapper .shareaholic-canvas .shareaholic-share-buttons-container.round .shareaholic-share-button-container .shareaholic-service-icon::before { left: 12px !important; top: 11px !important; } #single_post #page_content .container .column #social_media_share_icons .shareaholic_wrapper .shareaholic-canvas .shareaholic-total-share-count, #single_post #generic_side_menu .container .column #social_media_share_icons .shareaholic_wrapper .shareaholic-canvas .shareaholic-total-share-count { display: none !important; } #single_post #page_content .container .column #social_media_share_icons .shareaholic_wrapper .shareaholic-canvas .share-button-counter, #single_post #generic_side_menu .container .column #social_media_share_icons .shareaholic_wrapper .shareaholic-canvas .share-button-counter { background-color: #fff !important; color: #001935 !important; } #page_content { margin-top: 20px; padding-bottom: 60px; } #page_content .container .sidebar { float: left; width: 200px; margin-top: 10px; } @media (max-width: 1040px), screen and (max-device-width: 921px) { #page_content .container .sidebar { padding-left: 0%; padding-right: 0%; width: 18%; } } @media (max-width: 720px), screen and (max-device-width: 320px) { #page_content .container .sidebar { width: 92%; padding-left: 4%; padding-right: 4%; } #page_content .container .sidebar ul li { display: inline-block; margin-left: 0; } } #page_content .container .sidebar ul li { list-style-type: none; margin-bottom: 15px; } #page_content .container .sidebar ul li a { color: #001935; font-weight: normal; font-size: 15px; text-decoration: none; font-family: 'atc_overlooklight'; font-family: 'atcoverlook-regularregular'; font-weight: normal; } #page_content .container .sidebar ul li a:before { display: inline-block; width: 15px; font-family: fontAwesome; content: " "; } @media (max-width: 720px), screen and (max-device-width: 320px) { #page_content .container .sidebar ul li a:before { content: " "; width: 0; } } @media (max-width: 720px), screen and (max-device-width: 320px) { #page_content .container .sidebar ul li a { clear: both; float: left; display: block; margin-top: 0px; margin-right: 6px; padding: 6px; padding-top: 4px; padding-bottom: 4px; font-size: 10px; color: #999999; text-decoration: none; font-family: 'atcoverlook-regularregular'; border: solid 2px #cecece; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } } @media (max-width: 720px) and (max-width: 720px), screen and (max-device-width: 320px) and (max-width: 720px), screen and (max-width: 720px) and (max-device-width: 320px), screen and (max-device-width: 320px) and (max-device-width: 320px) { #page_content .container .sidebar ul li a { clear: none; } } @media (max-width: 720px), screen and (max-device-width: 320px) { #page_content .container .sidebar ul li a:hover { color: #ffb836; border: solid 2px #ffb836; } } @media (max-width: 720px), screen and (max-device-width: 320px) { #page_content .container .sidebar ul li.current_page_item a { color: #ffb836; border: solid 2px #ffb836; } } #page_content .container .sidebar ul li.current_page_item a:before { content: "\f0da"; } @media (max-width: 720px), screen and (max-device-width: 320px) { #page_content .container .sidebar ul li.current_page_item a:before { content: " "; width: 0; } } #page_content .container .column { float: left; width: 800px; } @media (max-width: 1040px), screen and (max-device-width: 921px) { #page_content .container .column { padding-left: 4%; padding-right: 0%; width: 78%; } } @media (max-width: 720px), screen and (max-device-width: 320px) { #page_content .container .column { width: 92%; padding-left: 4%; padding-right: 4%; } } .fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell { height: auto !important; } #social_media_share_icons { clear: both; float: left; width: 100%; } #social_media_share_icons h5 { float: left; color: #cecece; font-weight: normal; font-size: 14px; } #social_media_share_icons .twitter { float: left; } #social_media_share_icons .twitter-share-button { display: inline-block; width: 30px; height: 23px; margin-left: 10px; padding-top: 7px; text-align: center; font-size: 15px; font-family: fontAwesome; color: #fff; text-decoration: none; border-radius: 30px; background-color: #001935; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } #social_media_share_icons .twitter-share-button:hover { background-color: #ffb836; color: #001935; } @media (max-width: 720px), screen and (max-device-width: 320px) { #social_media_share_icons .twitter-share-button { float: none; display: inline-block; margin-right: 10px; } } .shareaholic-service-icon { width: 30px !important; height: 30px !important; } .shareaholic-service-icon:hover { background-color: #ffb836 !important; color: #000 !important; opacity: 1 !important; } #single_post #page_content .container .column #social_media_share_icons .shareaholic_wrapper .shareaholic-canvas .shareaholic-share-buttons-container.round .shareaholic-share-button-container .shareaholic-service-icon::before, #single_post #generic_side_menu .container .column #social_media_share_icons .shareaholic_wrapper .shareaholic-canvas .shareaholic-share-buttons-container.round .shareaholic-share-button-container .shareaholic-service-icon::before { left: 7px !important; top: 6px !important; } .height_control { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; padding: 0 !important; } .down_arrow { position: absolute; clear: both; float: left; width: 100%; bottom: 70px; left: 0; height: 45px; margin-top: 20px; background-image: url(/wp-content/themes/Colladium/images/down_arrow.png); background-position: center center; background-repeat: no-repeat; } .down_arrow:hover { cursor: pointer; } @media (max-width: 720px), screen and (max-device-width: 320px) { .down_arrow { display: none; } } #section_01_down_arrow { bottom: 98px; } #section_02_down_arrow { background-image: url(/wp-content/themes/Colladium/images/down_arrow-white.png); } #section_control { position: fixed; right: 30px; top: 100px; z-index: 1000; } @media (max-width: 720px), screen and (max-device-width: 320px) { #section_control { display: none; } } #section_control ul li { list-style-type: none; } #section_control ul li a { display: block; height: 10px; width: 10px; margin-bottom: 30px; background-color: #fff; opacity: 0.5; border-radius: 20px; line-height: 0; font-size: 0; } #section_control ul li a:hover { opacity: 0.9; cursor: pointer; } #section_control ul li a:after { float: left; width: 16px; height: 16px; margin-top: -5px; margin-left: -5px; background-color: transparent; content: " "; line-height: 0; font-size: 0; border-radius: 17px; border: solid 2px transparent; } #section_control ul li.active { opacity: 1; } #section_control ul li.active a { opacity: 1; } #section_control ul li.active a:after { width: 16px; height: 16px; margin-top: -5px; margin-left: -5px; background-color: transparent; content: " "; line-height: 0; font-size: 0; border-radius: 17px; border: solid 2px #fff; } .mobile .menu-about-us-container, .mobile .menu-what-is-menu-container, .mobile .pages_select { position: relative; clear: both; float: left; width: 100%; margin-top: -40px; } .mobile .menu-about-us-container select, .mobile .menu-about-us-container #drop-nav, .mobile .menu-about-us-container #page_id, .mobile .menu-what-is-menu-container select, .mobile .menu-what-is-menu-container #drop-nav, .mobile .menu-what-is-menu-container #page_id, .mobile .pages_select select, .mobile .pages_select #drop-nav, .mobile .pages_select #page_id { width: 100%; background-color: #eee; border: 0; text-align: center; padding: 5px; padding-lefT: 5%; padding-right: 5%; color: grey; font-size: 15px; } .mobile .menu-about-us-container select option, .mobile .menu-about-us-container #drop-nav option, .mobile .menu-about-us-container #page_id option, .mobile .menu-what-is-menu-container select option, .mobile .menu-what-is-menu-container #drop-nav option, .mobile .menu-what-is-menu-container #page_id option, .mobile .pages_select select option, .mobile .pages_select #drop-nav option, .mobile .pages_select #page_id option { width: 100%; color: grey; text-align: center; font-size: 15px; } .mobile .menu-about-us-container:after, .mobile .menu-what-is-menu-container:after, .mobile .pages_select:after { position: absolute; width: 20px; height: 20px; top: 3px; right: 20px; display: block; font-family: FontAwesome; content: "\f107"; font-size: 20px; color: #555; } .bx-controls { position: absolute; right: 30px; top: 30%; } @media (max-width: 720px), screen and (max-device-width: 320px) { .bx-controls { display: none; } } .bx-controls .bx-pager .bx-pager-item a { display: block; height: 10px; width: 10px; margin-bottom: 30px; background-color: #fff; opacity: 0.5; border-radius: 20px; } .bx-controls .bx-pager .bx-pager-item a:after { float: left; width: 16px; height: 16px; margin-top: -5px; margin-left: -5px; background-color: transparent; content: " "; border-radius: 17px; border: solid 2px transparent; } .bx-controls .bx-pager .bx-pager-item a.active { opacity: 1; } .bx-controls .bx-pager .bx-pager-item a.active:after { float: left; width: 16px; height: 16px; margin-top: -5px; margin-left: -5px; background-color: transparent; content: " "; border-radius: 17px; border: solid 2px #fff; } .fp-tableCell { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } #not-center .fp-tableCell { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: column; display: table-cell; } #not-center .fp-tableCell #footer-menu-generic, #not-center .fp-tableCell #footer { width: 100%; } #not-center .fp-tableCell #mind_the_gap { height: 100%; } #not-center.section-space { padding: 0; } font { font-size: inherit; } .skiptranslate { dsiplay: none !important; } .goog-te-ftab-float { opacity: 0.5 !important; } .goog-te-ftab-float img { display: none !important; } body.home #top_menu, #slider_content-slider img, #slider_content-slider .the_link { opacity: 0; } body.home #top_menu { top: -100px; } #services_content-slider li, #services_content h2 { opacity: 0; } #get_started_content .container .number .icon { height: 74px; width: 75px; background-position: -19px -19px; border-radius: 100px; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } #lorem_ipsom_content h1, #tools_content-slider li { opacity: 0; } .section { display: table; } .fp-tableCell { display: table-cell; width: 100%; text-align: center; vertical-align: middle; } @media (max-width: 920px) { html { -webkit-text-size-adjust: none !important; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #top_menu #menu-top-header-nav { display: inline-block; width: 100%; text-align: center; } #top_menu #menu-top-header-nav li { display: inline-block; margin-right: 20px; } #top_menu #menu-top-header-nav li:last-child { margin-right: 0; } } .gform_wrapper ul { margin: 0; padding: 0; } .gform_wrapper ul li { clear: both; float: left; width: 100%; margin-left: 0 !important; padding: 0; margin-bottom: 15px !important; list-style-type: none; } .gform_wrapper ul li .ginput_container { width: 100%; } .gform_wrapper ul li label { display: block; margin-bottom: 5px; font-family: 'atc_overlooklight'; color: #00abc2; font-weight: normal; } .gform_wrapper ul li input, .gform_wrapper ul li textarea { font-family: 'atc_overlooklight'; font-size: 14px; padding: 10px; padding-left: 2%; padding-right: 2%; border: solid 2px #999999; border-radius: 2px; width: 100%; font-weight: normal; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .gform_wrapper ul li textarea { height: 80px; } .gform_wrapper ul li.gfield_error input { border: solid 2px #8c1017; } .gform_wrapper ul li.gfield_error .validation_message { display: block; margin-top: 2px; margin-left: 2px; font-size: 12px; color: #8c1017; font-family: 'atc_overlooklight'; font-weight: normal; } .gform_wrapper .gform_button { width: 60%; margin-top: 10px; margin-left: 20%; border: solid 2px #00899b; border-radius: 2px; padding: 10px; padding-top: 15px; padding-bottom: 15px; font-size: 14px; font-weight: bold; font-family: 'atc_overlooklight'; font-weight: normal; text-align: center; background-color: #00899b; color: #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } .gform_wrapper .gform_button:hover { cursor: pointer; color: #fff; border: solid 2px #00899b; background-color: #00899b; text-decoration: underline; } .gform_wrapper #input_1_5, .gform_wrapper #input_1_6 { border: solid 2px #cccccc; background-color: #cccccc; } #gform_wrapper_2 .gform_button { width: 60%; margin-left: 20%; font-size: 14px; font-weight: bold; border: solid 2px #00899b; background-color: #00899b; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } #gform_wrapper_2 .gform_button:hover { cursor: pointer; color: #fff; border: solid 2px #00899b; background-color: #00899b; text-decoration: underline; } #gform_wrapper_2 #input_2_5, #gform_wrapper_2 #input_2_6 { border: solid 2px #cccccc; background-color: #cccccc; } #the_comments h4:first-child { margin-top: 40px; } #the_comments #comments { margin-top: 20px; } #the_comments label, #the_comments .comment-form-url, #the_comments .comment-form-email, #the_comments .comment-form-author, #the_comments #reply-title, #the_comments .comment-notes, #the_comments .comment-awaiting-moderation, #the_comments .says, #the_comments .comment-notes, #the_comments .logged-in-as { display: none; } #the_comments input, #the_comments textarea { font-family: 'atc_overlooklight'; font-weight: normal; font-size: 14px; padding: 20px; padding-left: 2%; padding-right: 2%; border: solid 2px #999999; border-radius: 2px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #the_comments textarea { height: 70px; font-size: 15px; color: #bbb; } #the_comments #submit { width: 60%; margin-top: 10px; margin-left: 20%; border: solid 2px #00899b; border-radius: 2px; padding: 10px; padding-top: 15px; padding-bottom: 15px; font-size: 14px; font-weight: bold; font-family: 'atc_overlooklight'; font-weight: normal; text-align: center; background-color: #00899b; color: #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } #the_comments #submit:hover { cursor: pointer; color: #fff; border: solid 2px #00899b; background-color: #00899b; text-decoration: underline; } #the_comments ol { width: 100%; margin-top: 20px; margin-left: 40px; } @media (max-width: 720px), screen and (max-device-width: 320px) { #the_comments ol { margin-left: 0; } } #the_comments ol li { cleaR: both; float: left; width: 100%; margin-left: 0; margin-bottom: 20px; list-style-type: none; } #the_comments ol li br { display: none !important; } #the_comments ol li .comment-author img { float: left; margin-right: 5px; border-radius: 5px; } #the_comments ol li .comment-author cite { float: left; margin-right: 5px; font-size: 14px; line-height: 16px; font-style: normal; } #the_comments ol li .comment-meta { float: left; margin-top: 5px; display: none; } #the_comments ol li .comment-meta a { color: #ccc; font-size: 14px; line-height: 16px; font-style: normal; } #the_comments ol li p, #the_comments ol li .reply { clear: both; float: left; margin-top: 5px; margin-top: -19px; margin-left: 45px; } #the_comments ol li .reply { margin-top: 0; } #the_comments ol li .reply a { display: block; margin-top: 0; margin-bottom: 10px; font-size: 12px; text-decoration: none; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } #the_comments ol li .reply a:hover { color: #ffb836 !important; } div.wpcf7-response-output { float: left; font-size: 14px; } .home #footer-menu-generic a.social{ height: 30px; font-size: 16px; } .home .login_css span{ color: #ffb838 !important; } .home .login_css:hover span{ color: #001935!important; } body #header .login_css, body #header .join_for_free, body #header .ubermenu-item-level-1 > a{ font-family: 'atc_overlookbold' !important; } body.home #footer{ padding-bottom:0px !important; }