/** Theme Name: Genesis Child - LANDR Journal Theme URI: http://www.studiopress.com/ Description: Custom Genesis Child theme for LANDR Author: Richer St-Amand Author URI: http://www.rsta.co Version: 2018.11.2 Tags: black, red, white, one-column, two-columns, three-columns, left-sidebar, right-sidebar, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready Template: genesis Template Version: 2.3.0 License: GPL-2.0+ License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: landr */ /* ============================================== * Stylesheet Guideline * =========================================== */ /** * @media breaks * * max-width: 1280px - Big Desktop - Element stop to scale * max-width: 767px - Tablet * max-width: 479px - Mobile */ /** * Colorsheet * * background color : #f4f6f8 * title color : #132738 * text color : #676767 * turquoise : #00cbc9 */ /** * Padding Sheet */ /** * Font Sheet */ /** * Break Point * * desktop : max-width: 767px; * small desktop : max-width: 767px; * tablet : max-width: 767px; * mobile : max-width: 767px; */ /* ============================================== * Index * * HTML5 Reset * Baseline Normalize * Box Sizing * Float Clearing * * LANDR Journal Stylesheet * Webfonts * HTML Selectors * HTML Fonts * HTML Colors * HTML margin / padding * Typographical Elements * Objects * Forms * Tables * * WordPress / Genesis Selector * Site Containers * Site Header * Title Area * Screen Reader Text * Skip Links * Menus * Genesis default navigation * Primary Navigation * Footer menu * Site Footer * * Custom LANDR Selector * LANDR Post Layout * Pagination * Search Form * * Comments * Comments Form * Comments Form Submit * Comments Layout * See more comments button * input type Checkbox * * Single * Single post layout * Author Signature * * Template * Alternative Layout * * Section * LANDR Banner * Bloc * Bloc CTA * Bloc Feed * Related Post Section * landr_full_row_image * * Sidebars * Sidebar - In Header * Sidebar - After Content * Sidebar Footer & Widgets * * Plugins * Easy Sharing * WPML * Elementor * * =========================================== */ /* ============================================== * HTML5 Reset * =========================================== */ /* ## Baseline Normalize --------------------------------------------- */ /* normalize.css v3.0.1 | MIT License | git.io/normalize */ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#333}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /* ## Webkit appareance --------------------------------------------- */ input[type="search"] { -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; } /* ## Box Sizing --------------------------------------------- */ *, input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* ## Float Clearing --------------------------------------------- */ .author-box:before, .clearfix:before, .entry:before, .entry-content:before, .footer-widgets:before, .nav-primary:before, .nav-secondary:before, .pagination:before, .site-container:before, .site-footer:before, .site-header:before, .site-inner:before, .wrap:before { content: " "; display: table; } .author-box:after, .clearfix:after, .entry:after, .entry-content:after, .footer-widgets:after, .nav-primary:after, .nav-secondary:after, .pagination:after, .site-container:after, .site-footer:after, .site-header:after, .site-inner:after, .wrap:after { clear: both; content: " "; display: table; } /* ============================================== * LANDR Journal Stylesheet * =========================================== */ /* ============================================== * Webfonts * =========================================== */ @font-face { font-family: 'Sailec'; src: url('https://cdn.landr.com/fonts/Sailec/SailecBold.eot'); src: url('https://cdn.landr.com/fonts/Sailec/SailecBold.eot?#iefix') format('embedded-opentype'), url('https://cdn.landr.com/fonts/Sailec/SailecBold.woff2') format('woff2'), url('https://cdn.landr.com/fonts/Sailec/SailecBold.woff') format('woff'), url('https://cdn.landr.com/fonts/Sailec/SailecBold.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Sailec'; src: url('https://cdn.landr.com/fonts/Sailec/SailecLight.eot'); src: url('https://cdn.landr.com/fonts/Sailec/SailecLight.eot?#iefix') format('embedded-opentype'), url('https://cdn.landr.com/fonts/Sailec/SailecLight.woff2') format('woff2'), url('https://cdn.landr.com/fonts/Sailec/SailecLight.woff') format('woff'), url('https://cdn.landr.com/fonts/Sailec/SailecLight.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Sailec'; src: url('https://cdn.landr.com/fonts/Sailec/SailecMedium.eot'); src: url('https://cdn.landr.com/fonts/Sailec/SailecMedium.eot?#iefix') format('embedded-opentype'), url('https://cdn.landr.com/fonts/Sailec/SailecMedium.woff2') format('woff2'), url('https://cdn.landr.com/fonts/Sailec/SailecMedium.woff') format('woff'), url('https://cdn.landr.com/fonts/Sailec/SailecMedium.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Sailec'; src: url('https://cdn.landr.com/fonts/Sailec/SailecRegular.eot'); src: url('https://cdn.landr.com/fonts/Sailec/SailecRegular.eot?#iefix') format('embedded-opentype'), url('https://cdn.landr.com/fonts/Sailec/SailecRegular.woff2') format('woff2'), url('https://cdn.landr.com/fonts/Sailec/SailecRegular.woff') format('woff'), url('https://cdn.landr.com/fonts/Sailec/SailecRegular.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Gza'; src: url('webfonts/Gza-Bold.eot'); src: url('webfonts/Gza-Bold.eot?#iefix') format('embedded-opentype'), url('webfonts/Gza-Bold.woff2') format('woff2'), url('webfonts/Gza-Bold.woff') format('woff'), url('webfonts/Gza-Bold.ttf') format('truetype'), url('webfonts/Gza-Bold.svg#Gza-Bold') format('svg'); font-weight: bold; font-style: normal; } /* ============================================== * LANDR Font * =========================================== */ @font-face { font-family: "landr-font"; src:url("webfonts/landr-font.eot"); src:url("webfonts/landr-font.eot?#iefix") format("embedded-opentype"), url("webfonts/landr-font.woff") format("woff"), url("webfonts/landr-font.ttf") format("truetype"), url("webfonts/landr-font.svg#landr-font") format("svg"); font-weight: normal; font-style: normal; } .landr-font:before, .landr-font:before { font-family: "landr-font" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .landr-font-back:before { content: "\61"; } .landr-font-close:before { content: "\62"; } .landr-font-down:before { content: "\63"; } .landr-font-left:before { content: "\64"; } .landr-font-mobile:before { content: "\65"; } .landr-font-next:before { content: "\66"; } .landr-font-right:before { content: "\67"; } .landr-font-search:before { content: "\68"; } .landr-font-up:before { content: "\69"; } /* ============================================== * HTML Selectors * =========================================== */ /* ## HTML Fonts --------------------------------------------- */ html { font-size: 62.5%; -webkit-font-smoothing: antialiased; } body { font-family: "Sailec", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; font-size: 20px; font-weight: 300; line-height: 1.5em; color: #132738; } @media screen and ( max-width: 767px ) { body { font-size: 14px; } } h1, h2 { font-family: 'Gza', sans-serif; font-weight: 700; text-transform: none; margin: 0 0 10px; } h3, h4, h5, h6 { font-family: "Sailec", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; font-weight: 400; text-transform: none; margin: 0 0 10px; } .single .entry-title, h1 { font-size: 48px; line-height: 1.4em; } h2 { font-size: 30px; line-height: 40px; } h3 { font-size: 22px; line-height: 32px; } h4 { font-size: 18px; line-height: 28px; } h5 { font-size: 18px; line-height: 28px; } h6 { font-size: 18px; line-height: 28px; } @media screen and ( max-width: 767px ) { .single .entry-title, h1 { font-size: 32px; line-height: 1.4em; } h2 { font-size: 21px; line-height: 1.4em; } h3 { font-size: 21px; line-height: 1.4em; } h4 { font-size: 21px; line-height: 1.4em; } h5 { font-size: 21px; line-height: 1.4em; } h6 { font-size: 21px; line-height: 1.4em; } } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { text-transform: none; } /* Remove text-transform for heading inside content */ body em, body i, em, i { font-style: italic; } body b em, body strong em, body b i, body strong i, body i b, body i strong, body em b, body em strong { font-style: italic; font-weight: 400; } /* ## HTML Colors --------------------------------------------- */ body { background-color: #f4f6f8; } a { color: #2ecbcf; } ::-moz-selection { background-color: #2ecbcf; color: #ffffff; } ::selection { background-color: #2ecbcf; color: #ffffff; } /* ## HTML margin / padding * This section define the margin and padding of HTML elements * For class margin / padding, see corresponding section --------------------------------------------- */ body { margin: 0; } p { margin: 0 0 28px; padding: 0; } p:last-child { margin-bottom: 0; } ol, ul { margin: 0; padding: 0; } blockquote { margin: 0 0 28px; } blockquote:last-child { margin-bottom: 0; } article { padding: 0; } /* ## Typographical Elements --------------------------------------------- */ li { list-style-type: none; /*line-height: 1.82em;*/ } b, strong { font-weight: 700; } blockquote, cite, em, i { font-style: italic; } blockquote::before { content: ""; display: block; } /* ## Objects --------------------------------------------- */ embed, iframe, img, object, video, .wp-caption { max-width: 100%; } iframe { margin: 0 auto; /* required because some iframe have margin value */ display: block; } img { height: auto; } .featured-content img, .gallery img { width: auto; } .gallery img { padding: 0 1em; } @media screen and ( max-width: 767px ) { .gallery img { margin: 0 0 1em 0; } } /* ## Forms --------------------------------------------- */ input, select, textarea { font-family: "Sailec", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; background-color: transparent; border: none; border-bottom: 1px solid #2ecbcf; color: #333; font-size: 18px; font-weight: 400; padding: 16px; width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } input:focus, textarea:focus { outline: none; } input[type="checkbox"], input[type="image"], input[type="radio"] { width: auto; } ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ font-family: "Sailec", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; font-size: 13px; line-height: 1.25em; padding: 0 1em 0 0; font-weight: 100; color: #333; opacity: 1; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-family: "Sailec", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; font-size: 13px; line-height: 1.25em; padding: 0 1em 0 0; font-weight: 100; color: #333; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ font-family: "Sailec", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; font-size: 13px; line-height: 1.25em; padding: 0 1em 0 0; font-weight: 100; color: #333; opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ font-family: "Sailec", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; font-size: 13px; line-height: 1.25em; padding: 0 1em 0 0; font-weight: 100; color: #333; opacity: 1; } ::-ms-input-placeholder { /* Microsoft Edge */ font-family: "Sailec", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; font-size: 13px; line-height: 1.25em; padding: 0 1em 0 0; font-weight: 100; color: #333; opacity: 1; } @media screen and ( max-width: 767px ) { ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ font-size: 16px; line-height: 1.25em; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size: 16px; line-height: 1.25em; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size: 16px; line-height: 1.25em; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ font-size: 16px; line-height: 1.25em; } ::-ms-input-placeholder { /* Microsoft Edge */ font-size: 16px; line-height: 1.25em; } } /* ## Tables --------------------------------------------- */ table { border-collapse: collapse; border-spacing: 0; line-height: 2; margin-bottom: 40px; width: 100%; } tbody { border-bottom: 1px solid #ddd; } td, th { text-align: left; } td { border-top: 1px solid #ddd; padding: 6px 0; } th { font-weight: 400; } /* ============================================== * WordPress / Genesis Selector * =========================================== */ /* ## Site Containers --------------------------------------------- */ .site-inner, .wrap { margin: 0 auto; padding: 0 55px; max-width: 1280px; } .site-inner { clear: both; } .site-container { padding-top: 204.25px; } /* .single .site-container { padding-top: 160px; } */ @media screen and ( max-width: 1280px ) { .site-inner, .wrap { margin: 0; max-width: 100%; padding: 0 20px; } } @media screen and ( max-width: 767px ) { .site-inner, .wrap { padding: 0; } /*.single .site-container { padding-top: 120px; }*/ } /* # Site Header ---------------------------------------------------------------------------------------------------- */ .site-header { font-family: "Sailec", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; font-weight: 100; position: absolute; top: 38.25px; width: 100%; left: 0; background-color: #f4f6f8; color: #333; z-index: 250; } .site-header .wrap { position: relative; } .landr_ie8 .site-header { border-left: none; border-right: none; } .mobile_visible { position: fixed; } @media screen and ( max-width: 1049px ) { /*.site-container { padding-top: 77px; }*/ .site-header { border-left: none; border-right: none; } } .site-header-top { position: fixed; top: -117px; } @media screen and ( max-width: 1049px ) { .site-header { top: 38px; } .site-header .button { } .site-header a { text-decoration: none; } .site-header-top { top: -77px; } } .site-header > .wrap { padding: 0 55px; display: table; width: 100%; } .site-header .wrap > div { display: table-cell; vertical-align: middle; text-align: right; height: 160px; } @media screen and ( max-width: 767px ) { .site-header .wrap > div { padding: 0 20px; } } @media screen and ( max-width: 1280px ) { .site-header > .wrap { padding: 0 20px; } } /* @media screen and ( max-width: 1177px ) { .site-header > .wrap { padding-left: 4em; padding-right: 4em; margin: 0; max-width: 100%; } } @media screen and ( max-width: 1049px ) { .site-header .wrap > div { display: inline-block; } } */ @media screen and ( max-width: 767px ) { .site-header > .wrap { padding-top: 0; padding-bottom: 0; } .site-header > .wrap { padding: 0; } } body.hello_bar_absolute .site-header { top: 38px!important; -webkit-transition: top 0.25s ease-in-out; -moz-transition: top 0.25s ease-in-out; -ms-transition: top 0.25s ease-in-out; -o-transition: top 0.25s ease-in-out; transition: top 0.25s ease-in-out; -webkit-transition: top 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: top 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86); -ms-transition: top 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86); -o-transition: top 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: top 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86); } /* ## Title Area --------------------------------------------- */ .title-area { padding: 0; width: 360px; } .header-full-width .title-area { width: 100%; } .header-image .title-area { width: 10%; display: inline-block; vertical-align: middle; padding: 20px 0; } @media screen and ( max-width: 1049px ) { .title-area { padding-left: 10px; } } @media screen and ( max-width: 1024px ) { .header-image .title-area { width: 30%; } } .site-title { font-size: 32px; font-weight: 400; line-height: 1.2; } .site-title a, .site-title a:hover { color: #2ecbcf; } .header-image .site-title > a { background: url(images/LANDR_logo_dark.svg) no-repeat center center; background-size: contain; float: left; min-height: 64px; width: 79px; } .header-image .site-header-top .site-title > a { min-height: 57px; } @media screen and ( max-width: 1049px ) { .header-image .site-title > a { min-height: 57px; } } .site-description { font-size: 16px; font-weight: 300; line-height: 1.5; } .site-description, .site-title { margin-bottom: 0; } .header-image .site-description, .header-image .site-title { display: block; text-indent: -9999px; text-align: left; } /* ## Screen Reader Text --------------------------------------------- */ .screen-reader-shortcut, .screen-reader-text, .screen-reader-text span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus, .screen-reader-shortcut:focus, .genesis-nav-menu .search input[type="submit"]:focus, .widget_search input[type="submit"]:focus { background: #fff; box-shadow: 0 0 2px 2px rgba(0,0,0,.6); clip: auto !important; color: #333; display: block; font-size: 1em; font-weight: bold; height: auto; padding: 15px 23px 14px; text-decoration: none; width: auto; z-index: 100000; /* Above WP toolbar. */ } .more-link { position: relative; } /* # Skip Links ---------------------------------------------------------------------------------------------------- */ .genesis-skip-link { margin: 0; } .genesis-skip-link li { height: 0; list-style: none; width: 0; } /* Display outline on focus */ :focus { /*color: #333;*/ outline: none; } /* # Menus ---------------------------------------------------------------------------------------------------- */ /* ## Genesis default navigation ---------------------------------------------------------------------------------------------------- */ .genesis-nav-menu { clear: both; font-size: 13px; line-height: 1; width: 100%; } .genesis-nav-menu .menu-item { display: inline-block; text-align: left; } .genesis-nav-menu li { padding-right: 2em; } .genesis-nav-menu a { display: block; padding: 0 ; text-decoration: none; font-size: 13px; font-weight: 500; color: #333; } .genesis-nav-menu a:hover, .genesis-nav-menu .current-menu-item > a, .genesis-nav-menu .sub-menu .current-menu-item > a:hover { color: #2ecbcf; } .genesis-nav-menu .current-menu-item > a { border-bottom: 1px solid currentColor; } .genesis-nav-menu .sub-menu { left: -9999px; opacity: 0; position: absolute; width: 200px; z-index: 99; } .genesis-nav-menu .sub-menu a { background-color: #fff; border: 1px solid #eee; border-top: none; font-size: 14px; padding: 20px; position: relative; width: 200px; } .genesis-nav-menu .sub-menu .sub-menu { margin: -55px 0 0 199px; } .genesis-nav-menu .menu-item:hover { position: static; } .genesis-nav-menu .menu-item:hover > .sub-menu { left: auto; opacity: 1; } .genesis-nav-menu > .first > a { padding-left: 0; } .genesis-nav-menu > .last > a { padding-right: 0; } .genesis-nav-menu > .right { color: #fff; float: right; list-style-type: none; padding: 30px 0; } .genesis-nav-menu > .right > a { display: inline; padding: 0; } .genesis-nav-menu > .rss > a { margin-left: 48px; } .genesis-nav-menu > .search { padding: 10px 0 0; } @media screen and ( max-width: 767px ) { .genesis-nav-menu { display: none; } } /* ## Primary Navigation --------------------------------------------- */ .mpn-container { width: 67%; margin: 0 auto; } #mpn-nextpost span, #mpn-prevpost span { position: relative ; font-size: 4.4em ; width: 20% } #mpn-nextpost div, #mpn-prevpost div { width: 80%; padding: 0px 0 20px; } #mpn-nextpost a, #mpn-prevpost a { font-size: 1.1em ; width: 96% ; height: auto ; position: relative; text-align: center; text-decoration: none ; } .nav-primary { display: inline-block; vertical-align: middle; width: 45%; } .nav-primary .wrap { padding: 0; } .nav-primary .genesis-nav-menu a { text-transform: capitalize; /*color: #fff;*/ } .nav-primary .genesis-nav-menu .sub-menu a { /*color: #333;*/ } .nav-primary .genesis-nav-menu a:hover, .nav-primary .genesis-nav-menu .current-menu-item > a, .nav-primary .genesis-nav-menu .sub-menu .current-menu-item > a:hover { color: #2ecbcf; } @media screen and ( max-width: 1024px ) { .nav-primary { display: none; } } /* ## Footer menu ---------------------------------------------------------------------------------------------------- */ .footer-widgets .widget_nav_menu .menu { margin: 0; display: inline-block; list-style-type: none; list-style: none; margin: 0; padding: 0; } /* Hide the menu item text */ .footer-widgets .widget_nav_menu .menu-item span { } .footer-widgets .widget_nav_menu .menu-item { text-align: left; display: block; } /* Style of the icons */ .footer-widgets .widget_nav_menu .menu-item a { display: inline-block; position: relative; margin: 0; text-decoration: none; } .footer-widgets .widget_nav_menu .menu-item a:hover { color: #ffffff; } @media screen and ( max-width: 767px ) { #landr_footer_top_1 .widget-wrap > div, #landr_footer_top_2 .widget-wrap > div, #landr_footer_top_3 .widget-wrap > div, #landr_footer_top_4 .widget-wrap > div { display: none; } #landr_footer_top_1 .widget-wrap > div.footer_div_visible, #landr_footer_top_2 .widget-wrap > div.footer_div_visible, #landr_footer_top_3 .widget-wrap > div.footer_div_visible, #landr_footer_top_4 .widget-wrap > div.footer_div_visible { display: block; } .footer-widgets .widget_nav_menu .menu-item { /*display: inline-block; padding: 0 10px;*/ } } @media screen and ( max-width: 480px ) { .footer-widgets .widget_nav_menu #menu-categories .menu-item { display: block; text-align: center; } } /** * Menu Social */ .widget_nav_menu div[class^="menu-social"] a:before { font-family: "Font Awesome 5 Brands"; position: relative; display: inline-block; padding: 0 16px 0 0; vertical-align: middle; text-align: center; font-size: 22px; width: 20px; } @media screen and ( max-width: 767px ) { .widget_nav_menu div[class^="menu-social"] a:before { font-size: 22px; padding: 0; } } .widget_nav_menu div[class^="menu-social"] a[href$="/feed/"]:before { content: "\f413"; } .widget_nav_menu div[class^="menu-social"] a[href*="codepen.io"]:before { content: "\f1cb"; } .widget_nav_menu div[class^="menu-social"] a[href*="digg.com"]:before { content: "\f1a6"; } .widget_nav_menu div[class^="menu-social"] a[href*="dribbble.com"]:before { content: "\f17d"; } .widget_nav_menu div[class^="menu-social"] a[href*="dropbox.com"]:before { content: "\f16b"; } .widget_nav_menu div[class^="menu-social"] a[href*="facebook.com"]:before { content: "\f09a"; } .widget_nav_menu div[class^="menu-social"] a[href*="flickr.com"]:before { content: "\f16e"; } .widget_nav_menu div[class^="menu-social"] a[href*="foursquare.com"]:before { content: "\f180"; } .widget_nav_menu div[class^="menu-social"] a[href*="plus.google.com"]:before { content: "\f0d5"; } .widget_nav_menu div[class^="menu-social"] a[href*="github.com"]:before { content: "\f09b"; } .widget_nav_menu div[class^="menu-social"] a[href*="instagram.com"]:before { content: "\f16d"; } .widget_nav_menu div[class^="menu-social"] a[href*="linkedin.com"]:before { content: "\f0e1"; } .widget_nav_menu div[class^="menu-social"] a[href*="pinterest.com"]:before { content: "\f231"; } .widget_nav_menu div[class^="menu-social"] a[href*="reddit.com"]:before { content: "\f1a1"; } .widget_nav_menu div[class^="menu-social"] a[href*="stumbleupon.com"]:before { content: "\f1a4"; } .widget_nav_menu div[class^="menu-social"] a[href*="tumblr.com"]:before { content: "\f173"; } .widget_nav_menu div[class^="menu-social"] a[href*="twitter.com"]:before { content: "\f099"; } .widget_nav_menu div[class^="menu-social"] a[href*="vimeo.com"]:before { content: "\f27d"; } .widget_nav_menu div[class^="menu-social"] a[href*="wordpress.com"]:before, .widget_nav_menu div[class^="menu-social"] a[href*="wordpress.org"]:before { content: "\f19a"; } .widget_nav_menu div[class^="menu-social"] a[href*="youtube.com"]:before { content: "\f167"; } .widget_nav_menu div[class^="menu-social"] a[href*="spotify.com"]:before { content: "\f1bc"; } .widget_nav_menu div[class^="menu-social"] a[href*="twitch.tv"]:before { content: "\f1e8"; } .widget_nav_menu div[class^="menu-social"] a[href*="rss"]:before { content: "\f09e"; } .widget_nav_menu div[class^="menu-social"] a[href*="soundcloud"]:before { content: "\f1be"; font-size: 15px; } @media screen and ( max-width: 767px ) { .widget_nav_menu div[class^="menu-social"] a[href$="/feed/"] span, .widget_nav_menu div[class^="menu-social"] a[href*="codepen.io"] span, .widget_nav_menu div[class^="menu-social"] a[href*="digg.com"] span, .widget_nav_menu div[class^="menu-social"] a[href*="dribbble.com"] span, .widget_nav_menu div[class^="menu-social"] a[href*="dropbox.com"] span, .widget_nav_menu div[class^="menu-social"] a[href*="facebook.com"] span, .widget_nav_menu div[class^="menu-social"] a[href*="flickr.com"] span, .widget_nav_menu div[class^="menu-social"] a[href*="foursquare.com"] span, .widget_nav_menu div[class^="menu-social"] a[href*="plus.google.com"] span, .widget_nav_menu div[class^="menu-social"] a[href*="github.com"] span, .widget_nav_menu div[class^="menu-social"] a[href*="instagram.com"] span, .widget_nav_menu div[class^="menu-social"] a[href*="linkedin.com"] span, .widget_nav_menu div[class^="menu-social"] a[href*="pinterest.com"] span, .widget_nav_menu div[class^="menu-social"] a[href*="reddit.com"] span, .widget_nav_menu div[class^="menu-social"] a[href*="stumbleupon.com"] span, .widget_nav_menu div[class^="menu-social"] a[href*="tumblr.com"] span, .widget_nav_menu div[class^="menu-social"] a[href*="twitter.com"] span, .widget_nav_menu div[class^="menu-social"] a[href*="vimeo.com"] span, .widget_nav_menu div[class^="menu-social"] a[href*="wordpress.com"] span, .widget_nav_menu div[class^="menu-social"] a[href*="wordpress.org"] span, .widget_nav_menu div[class^="menu-social"] a[href*="youtube.com"] span, .widget_nav_menu div[class^="menu-social"] a[href*="spotify.com"] span, .widget_nav_menu div[class^="menu-social"] a[href*="twitch.tv"] span, .widget_nav_menu div[class^="menu-social"] a[href*="rss"] span, .widget_nav_menu div[class^="menu-social"] a[href*="soundcloud"] span { display: none; } } /* # Site Footer ---------------------------------------------------------------------------------------------------- */ .site-footer { background-color: #fff; font-size: 16px; line-height: 1; padding: 40px 0; text-align: center; } .site-footer p { margin-bottom: 0; } .entry-footer { clear: both; } /* ============================================== * Custom LANDR Selector * =========================================== */ /* # LANDR Post Layout ---------------------------------------------------------------------------------------------------- */ .landr_post_image { background-repeat: no-repeat; background-size: cover; background-position: center center; background-color: #2ecbcf; /* Placeholder color */ position: relative; } /* Add play icon */ .format-video .landr_post_image:before { content: "\f144"; font-family: "FontAwesome"; position: absolute; width: 100%; text-align: center; top: 80px; font-size: 50px; line-height: 1em; color: #ffffff; } .landr_post_content { display: inline-block; box-sizing: border-box; text-decoration: none; color: #132738; } .landr_post_content_wrapper { background-color: #ffffff; } .landr_post_link .landr_post_content_wrapper { border-bottom: 4px solid transparent; } .landr_post_link:hover .landr_post_content_wrapper { border-bottom: 4px solid #2ecbcf; } .landr_post_content_wrapper_inside { overflow: hidden; } .landr_do_loop .landr_post_content_wrapper_inside { height: 235px; } .landr_post_meta { font-size: 10.5px; margin-bottom: 45px; } .landr_post_categories { float: left; display: inline-block; font-weight: 500; } .landr_get_category { padding-right: 0.5em; text-transform: uppercase; } .landr_post_date { float: right; display: inline-block; } .landr_post_title { font-size: 34px; line-height: 1.25em; margin-bottom: 1em; } .landr_post_link:hover .landr_post_title { color: #2ecbcf; } .landr_post_text { font-size: 14px; line-height: 1.5em; } .landr_do_loop article { width: 33.33%; display: inline-block; float: left; padding-left: 10px; padding-right: 10px; height: 530px; } .landr_do_loop article:nth-child( 3n+1 ) { clear: both; padding-left: 0; padding-right: 20px; } .landr_do_loop article:nth-child( 3n+3 ) { padding-left: 20px; padding-right: 0; } /** * Tablet Layout */ @media screen and ( max-width: 1280px ) { /* Undo desktop padding */ .landr_do_loop article:nth-child( 3n+1 ) { clear: none; padding-left: 20px; padding-right: 20px; } .landr_do_loop article:nth-child( 3n+3 ) { padding-left: 20px; padding-right: 20px; } /* Tablet Padding */ .landr_do_loop article { width: 50%; } .landr_do_loop article:nth-child( 2n+1 ) { clear: both; padding-left: 0; padding-right: 20px; } .landr_do_loop article:nth-child( 2n+2 ) { padding-left: 20px; padding-right: 0; } } /** * Mobile Layout */ @media screen and ( max-width: 767px ) { /* Undo tablet padding */ .landr_do_loop article:nth-child( 2n+1 ) { clear: none; padding-left: 0; padding-right: 0; } .landr_do_loop article:nth-child( 2n+2 ) { padding-left: 0; padding-right: 0; } /* Mobile Padding */ .landr_do_loop article { width: 100%; clear: both; } } .landr_loop { width: 100%; height: 485px; margin-bottom: 45px; position: relative; background-size: contain; background-repeat: no-repeat; } .landr_loop .landr_post_image { width: 100%; height: 245px; } .landr_loop .landr_post_content { position: relative; margin-top: -55px; width: 100%; padding-left: 22px; padding-right: 22px; } .landr_loop .landr_post_content_wrapper { height: 295px; padding: 30px; } .landr_loop .landr_post_title { font-size: 24px; line-height: 1.25em; margin-bottom: 22px; } @media screen and ( max-width: 767px ) { .landr_loop .landr_post_content { margin-top: -50px; padding-left: 10px; padding-right: 10px; } } @media screen and ( max-width: 480px ) { .landr_do_loop article.post, .landr_do_loop article.post .landr_loop, .landr_do_loop article.post .landr_post_content_wrapper_inside, .landr_do_loop article.post .landr_loop .landr_post_content_wrapper { height: auto; } } /* # Pagination ---------------------------------------------------------------------------------------------------- */ .landr_pagination { clear: both; text-align: center; font-size: 14px; padding: 0 0 5em 0; } .landr_pagination li { display: inline-block; } .landr_pagination a { padding: 0.5em; text-decoration: none; color: #333; } .landr_pagination a:hover, .landr_pagination span { color: #2ecbcf; border-bottom: 1px solid currentColor; padding: 0.5em; font-weight: 400; } /* Hide Next / Previous - show font awesome arrow instead */ .landr_pagination .next, .landr_pagination .prev { color: #333; } .landr_pagination .next:hover, .landr_pagination .prev:hover { font-weight: 100; } .landr_pagination .next:before, .landr_pagination .prev:before { font-family: "landr-font"; } .landr_pagination .next:before { content: "\66"; } .landr_pagination .prev:before { content: "\61"; } /* # Search Form ---------------------------------------------------------------------------------------------------- */ .landr_search_form { right: 0; height: 100%; display: inline-block; vertical-align: middle; } .landr_search_form.visible { position: absolute; width: 100%; padding: 0 55px; top: 0; } .landr_search_form form { padding: 0; display: table; font-size: 13px; width: 100%; height: 100%; background-color: #f4f6f8; } .landr_search_form input[type=search] { display: table-cell; padding: 8px 0; font-size: 13px; line-height: 1.45em; font-weight: 100; vertical-align: middle; } @media screen and ( max-width: 767px ) { .landr_search_form input[type=search] { font-size: 16px; line-height: 1.45em; } } .landr_search_form_wrapper { display: none; } .landr_search_form.visible .landr_search_form_wrapper { display: table-cell; width: 100%; vertical-align: middle; padding-right: 10px; } #landr_search_form_button { display: table-cell; width: 1em; padding: 1em 0 1em 2em; cursor: pointer; text-align: right; vertical-align: middle; } #landr_search_form_button:before { content: "\68"; font-family: "landr-font"; font-size: 25px; font-weight: 300; line-height: 34px; vertical-align: bottom; } @media screen and ( max-width: 1280px ) { .landr_search_form.visible { padding: 0 20px; } } @media screen and ( max-width: 767px ) { #landr_search_form_button { padding: 0.5em; } #landr_search_form_button:before { font-size: 25px; } .landr_search_form form { padding: 0 20px; } .landr_search_form.visible { padding: 0; } } .landr_search_form.visible #landr_search_form_button:before { content: "\62"; } .landr_search_form ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ font-size: 13px; line-height: 1.45em; padding: 0 1em 0 0; font-weight: 100; } .landr_search_form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size: 13px; line-height: 1.45em; padding: 0 1em 0 0; font-weight: 100; } .landr_search_form ::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size: 13px; line-height: 1.45em; padding: 0 1em 0 0; font-weight: 100; } .landr_search_form :-ms-input-placeholder { /* Internet Explorer 10-11 */ font-size: 13px; line-height: 1.45em; padding: 0 1em 0 0; font-weight: 100; } .landr_search_form ::-ms-input-placeholder { /* Microsoft Edge */ font-size: 13px; line-height: 1.45em; padding: 0 1em 0 0; font-weight: 100; } @media screen and ( max-width: 767px ) { .landr_search_form ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ font-size: 16px; line-height: 1.45em; } .landr_search_form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size: 16px; line-height: 1.45em; } .landr_search_form ::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size: 16px; line-height: 1.45em; } .landr_search_form :-ms-input-placeholder { /* Internet Explorer 10-11 */ font-size: 16px; line-height: 1.45em; } .landr_search_form ::-ms-input-placeholder { /* Microsoft Edge */ font-size: 16px; line-height: 1.45em; } } /** * Hide Search Submit Button */ .landr_search_form input[type=submit] { display: none; } /* * Search Page */ .search-title { font-size: 32px; margin-bottom: 1em; margin-top: 1em; text-transform: none; } /* ============================================== * Comments * =========================================== */ #respond { background-color: #f4f6f8; padding: 45px 0; } #respond #commentform { max-width: 767px; margin: 0 auto; } #respond #reply-title { font-family: "Gza", serif; font-size: 42px; line-height: 1.25em; text-align: center; margin: 1em 0; } @media screen and ( max-width: 767px ) { #respond { background-color: #f4f6f8; padding: 20px; } #respond #reply-title { font-size: 20px; } } /* Comments Form ==================================================================================================== */ #commentform #comment { background-color: #ffffff; border: none; } #commentform label { font-size: 16px; } #commentform input[type=text], #commentform input[type=email] { padding: 10px 0; border-color: #333; } .landr_comment_field_row { display: inline-block; vertical-align: top; width: 66.66%; padding-right: 24px; } @media screen and ( max-width: 767px ) { .landr_comment_field_row { width: 100%; padding-right: 0; } } .comment-form-author, .comment-form-email { display: inline-block; width: 50%; float: left; } .comment-form-author { padding-right: 12px; } .comment-form-email { padding-left: 12px; } @media screen and ( max-width: 480px ) { .comment-form-author, .comment-form-email { display: block; width: 100%; float: none; } .comment-form-author { padding-right: 0; } .comment-form-email { padding-left: 0; } .landr_comment_field_row { margin-bottom: 28px; } } /* Comments Form Submit ==================================================================================================== */ #commentform .form-submit { vertical-align: top; width: 33.33%; display: inline-block; } #commentform .form-submit input[type=submit] { background-color: #2ecbcf; border: none; color: #ffffff; line-height: 1em; font-weight: 100; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } #commentform ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ font-size: 16px; line-height: 1.75em; } #commentform :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size: 16px; line-height: 1.75em; } #commentform ::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size: 16px; line-height: 1.75em; } #commentform :-ms-input-placeholder { /* Internet Explorer 10-11 */ font-size: 16px; line-height: 1.75em; } #commentform ::-ms-input-placeholder { /* Microsoft Edge */ font-size: 16px; line-height: 1.75em; } @media screen and ( max-width: 767px ) { #commentform .form-submit { width: 100%; text-align: center; } #commentform .form-submit input[type=submit] { display: block; width: auto; margin: 0 auto; } } /* Comments Layout ==================================================================================================== */ .entry-comments { background-color: #f4f6f8; } .entry-comments .comment-list { max-width: 767px; margin: 0 auto; } .entry-comments .comment-header { background-color: #ffffff; font-size: 16px; line-height: 1.25em; padding: 25px 25px 20px 25px; } .entry-comments .comment-content { background-color: #ffffff; padding: 22px; } .entry-comments .comment-content p:last-child { margin-bottom: 0; } .comment-author, .comment-meta { display: inline-block; width: 50%; font-size: 16px; } .comment-author { font-weight: 400; } .comment-meta { text-align: right; } .entry-comments .comment-content { padding-top: 0; font-size: 18px; line-height: 28px; margin-bottom: 25px; } .entry-comments .children { padding-left: 50px; } .entry-comments .reply { padding-bottom: 25px; } @media screen and ( max-width: 820px ) { .entry-comments .children { padding-left: 10px; } .entry-comments .reply { padding-left: 22px; } } /* Hide the comment, the js will show them */ .entry-comments > .comment-list > .comment { display: none; } /* See more comments button ==================================================================================================== */ #landr_load_more_comments { text-align: center; color: #2ecbcf; padding: 1em 0; cursor: pointer; font-size: 16px; background-color: #f4f6f8; } #landr_load_more_comments:hover span { border-bottom: 2px solid currentColor; } #landr_load_more_comments:after { content: "\f107"; font-family: "FontAwesome"; padding: 16px; font-size: 32px; vertical-align: middle; } /* input type Checkbox pure CSS custom checkbox ==================================================================================================== */ .landr_mailchimp_checkbox { display: block; padding: 12px 0; font-size: 16px; } .landr_mailchimp_checkbox input[type="checkbox"] { box-sizing: border-box; padding: 0; } .landr_mailchimp_checkbox input[type="checkbox"] { display: none } .landr_mailchimp_checkbox [type="checkbox"]:not(:checked), .landr_mailchimp_checkbox [type="checkbox"]:checked { position: absolute; left: -9999px; } .landr_mailchimp_checkbox [type="checkbox"]:not(:checked) + label, .landr_mailchimp_checkbox [type="checkbox"]:checked + label { text-transform: none; position: relative; padding-left: 1.25em; cursor: pointer; } .landr_mailchimp_checkbox [type="checkbox"]:not(:checked) + label:before, .landr_mailchimp_checkbox [type="checkbox"]:checked + label:before { content: ''; position: absolute; left:0; top: 0; width: 12px; height: 12px; border: 2px solid #2ecbcf; /* Border Radius */ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: none; } .landr_mailchimp_checkbox [type="checkbox"]:not(:checked) + label:after, .landr_mailchimp_checkbox [type="checkbox"]:checked + label:after { content: '\f00c'; font-family: "FontAwesome"; position: absolute; top: 1px; left: 1px; font-size: 10px; line-height: 13px; color: #2ecbcf; width: 13px; text-align: center; /* Transition */ -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .landr_mailchimp_checkbox [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); } .landr_mailchimp_checkbox [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); } .landr_mailchimp_checkbox [type="checkbox"]:disabled:not(:checked) + label:before, .landr_mailchimp_checkbox [type="checkbox"]:disabled:checked + label:before { box-shadow: none; border-color: #bbb; background-color: #ddd; } .landr_mailchimp_checkbox [type="checkbox"]:disabled:checked + label:after { color: #999; } .landr_mailchimp_checkbox [type="checkbox"]:disabled + label { color: #aaa; } .landr_mailchimp_checkbox [type="checkbox"]:checked:focus + label:before, .landr_mailchimp_checkbox [type="checkbox"]:not(:checked):focus + label:before { } /* ============================================== * Single * =========================================== */ .single article .entry-content { margin-bottom: 75px; } .landr_single_title_image_wrapper { position: relative; min-height: 614px; margin-bottom: 45px; } .single article .entry-content ul, .single article .entry-content ol, .single article .entry-content li { font-size: 18px; line-height: 38px; list-style-type: initial; } /* # Single post layout ---------------------------------------------------------------------------------------------------- */ .landr_single_header { position: relative; width: 100%; } .landr_single_header_title { width: 85%; margin: 0 auto; font-size: 50px; line-height: 1.25em; text-align: center; padding: 0 70px; margin-bottom: 1em; z-index: 200; } @media screen and ( max-width: 767px ) { .landr_single_header_title { width: 100%; font-size: 26px; padding: 0 20px; } } .landr_single_header_meta { font-size: 12px; font-weight: 100; width: 100%; padding: 20px 70px; line-height: 1.125em; } .landr_single_header_meta:after { content: ""; clear: both; display: block; } .landr_single_header_meta div { display: inline-block; width: 33.33%; float: left; } .landr_single_header_author { font-weight: 100; } .landr_single_header_author span { color: #00cbc9; } .landr_single_header_category { text-align: center; color: #00cbc9; font-weight: 400; } .landr_single_header_date { font-weight: 100; text-align: right; } @media screen and ( max-width: 767px ) { .landr_single_header_meta { padding: 10px 10px; } .landr_single_header_meta div { width: 50%; } .landr_single_header_meta .landr_single_header_author { display: none; } .landr_single_header_category { text-align: left; } } .landr_single_header_feat_video { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .landr_single_header_feat_video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .landr_single_header_feat_image { width: 100%; padding: 0 70px; z-index: 100; position: relative; } .landr_single_header_feat_image_wrapper { width: 100%; height: 530px; background-position: center center; background-size: cover; background-repeat: no-repeat; } @media screen and ( max-width: 767px ) { .landr_single_header_feat_image { padding: 0; } .landr_single_header_feat_image_wrapper { padding-bottom: 56%; height: auto; } } .landr_single_header img { width: 100%; height: auto; } .single #genesis-content article.post { margin-top: -260px; padding-top: 325px; background-color: #ffffff; padding-right: 70px; padding-bottom: 65px; padding-left: 70px; font-size: 18px; line-height: 28px; } @media screen and ( max-width: 767px ) { .single #genesis-content article.post { background-color: #ffffff; padding: 15px 10px; margin: 0 10px; font-size: 16px; } } .single #genesis-content img { width: auto; max-width: 100%; height: auto; display: block; margin: 0 0 28px; } /** * Single Post - Non elementor * This stylesheet is to support old content that are not yet converted in elementor layout */ .single .entry-content { float: right; width: 67%; max-width: 700px; } .single blockquote { position: absolute; width: 250px; color: #2ecbcf; font-weight: 500; font-family: "Gza", serif; font-style: normal; font-size: 24px; line-height: 34px; margin-left: -340px; z-index: 20; /* To make sure it's not hidden by full row image */ } .single blockquote p { display: inline; } /* .single blockquote:before { content: "“"; display: inline; } .single blockquote:after { content: "”"; display: inline; } */ @media screen and ( max-width: 1280px ) { .single .entry-content { float: none; width: 100%; max-width: 100%; } .single blockquote { position: relative; left: auto; width: auto; margin-left: 0; } } /* # Author Signature ---------------------------------------------------------------------------------------------------- */ /** * Top of content absolute - non-elementor page */ /*@media screen and ( min-width: 1281px ) {*/ footer.entry-footer { position: absolute; width: 250px; z-index: 20; } .landr_author_signature { border-top: none; padding: 0; } .landr_author_signature_avatar { display: inline-block; max-width: 80px; width: 100%; padding: 0; vertical-align: top; height: 80px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-bottom: 1em; background-position: center center; background-size: contain; background-repeat: no-repeat; } /*}*/ /** * Top of content absolute - non-elementor page */ /*@media screen and ( min-width: 1281px ) {*/ /*.landr_author_signature_avatar img { max-width: 100%; height: auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #333; } .post-template-template-alternative-post .landr_author_signature_avatar img { border-color: #ffffff; }*/ .landr_author_signature_content { width: 100%; } .landr_author_signature_description { font-size: 14px; line-height: 22px; } .post-template-template-alternative-post .landr_author_signature_description { color: #ffffff; } /*}*/ .landr_author_signature_words_by { font-weight: 400; margin-bottom: 40px; } .post-template-template-alternative-post .landr_author_signature { color: #ffffff; } @media screen and ( max-width: 1280px ) { .elementor-widget-landr-author { display: none; } footer.entry-footer { position: relative; width: 100%; z-index: 0; } .landr_author_signature { border-top: 2px solid #cacaca; padding: 35px 0; } .landr_author_signature_avatar { display: inline-block; margin-right: 2em; /*max-width: 215px; width: 30%; vertical-align: top; padding: 0 20px 0 0;*/ } /*.landr_author_signature_avatar img { max-width: 100%; height: auto; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .post-template-template-alternative-post .landr_author_signature_avatar img { border-color: #333; }*/ .landr_author_signature_content { display: inline-block; vertical-align: top; width: 70%; } .post-template-template-alternative-post .landr_author_signature { color: #333; border-color: #95b0af; } } @media screen and ( max-width: 767px ) { .landr_author_signature { text-align: center; } .landr_author_signature_avatar { margin-right: 0; } /*.landr_author_signature_avatar { display: block; width: 50%; padding: 0; }*/ .landr_author_signature_content { display: block; width: 100%; } .landr_author_signature_words_by { margin-bottom: 1em; } } /* ============================================== * Template * =========================================== */ /* # Alternative Layout ---------------------------------------------------------------------------------------------------- */ .post-template-template-alternative-post { background-color: #99cccb; } .post-template-template-alternative-post .site-header { background-color: #99cccb; } .post-template-template-alternative-post #genesis-content.site-inner, .post-template-template-alternative-post.single #genesis-content article.post { background-color: transparent; color: #ffffff; /*margin-top:0; padding-top:0;*/ } .post-template-template-alternative-post .landr_single_header_category { width: 100%; float: none; color: #fff; text-align: left; padding-left: 70px; } .post-template-template-alternative-post .landr_single_header_meta { padding-left: 0; } .post-template-template-alternative-post .landr_single_header_title { color: #ffffff; text-align: left; font-size: 96px; width: 75%; padding: 0; padding-left: 70px; margin-left: 0; position: relative; margin-bottom: 0; } .post-template-template-alternative-post .landr_single_header_feat_image { position: absolute; top: 1.5em; font-size: 96px; width: 75%; right: 0; padding: 0; } .post-template-template-alternative-post .landr_single_title_image_wrapper { margin-bottom: 0; } .post-template-template-alternative-post .landr_single_header_feat_image_wrapper { height: 470px; } .post-template-template-alternative-post .landr_search_form form { background-color: #99cccb; } .post-template-template-alternative-post blockquote { color: #2ecbcf; font-family: "Gza", serif; font-size: 50px; line-height: 1.5em; } @media screen and ( max-width: 767px ) { .post-template-template-alternative-post .landr_single_title_image_wrapper { min-height: 0; } .post-template-template-alternative-post .landr_single_header_category { padding-left: 20px; } .post-template-template-alternative-post .landr_single_header_title { font-size: 42px; padding-left: 20px; position: absolute; } .post-template-template-alternative-post .landr_single_header_feat_image { position: relative; height: auto; font-size: 42px; width: 100%; } .post-template-template-alternative-post .landr_single_header_feat_image_wrapper { padding-bottom: 0; display: inline-block; margin-bottom: 45px; } } @media screen and ( max-width: 480px ) { .post-template-template-alternative-post .landr_single_header_title { font-size: 32px; } } /* # Elementor ---------------------------------------------------------------------------------------------------- */ .elementor-page article.post, .elementor-section, .elementor-section .elementor-container, .elementor-column, .elementor-widget, .elementor-column-wrap, .elementor-widget-wrap { position: static!important; } .elementor-editor-active article.post, .elementor-editor-active .elementor-section, .elementor-editor-active .elementor-section .elementor-container, .elementor-editor-active .elementor-column, .elementor-editor-active .elementor-widget, .elementor-editor-active .elementor-column-wrap, .elementor-editor-active .elementor-widget-wrap { position: relative!important; } /** * Cancel .single stylesheet */ .elementor-page .entry-content { float: none; width: 100%; max-width: 100%; } .elementor-page blockquote { position: relative; left: auto; width: auto; margin-left: 0; } /** * Hide Entry-Footer - Need to place Author Widget */ @media screen and ( min-width: 1281px ) { .elementor-page footer.entry-footer { display: none; } } /** * Reset default Elementor font */ .elementor-page .elementor-widget-heading .elementor-heading-title { color: #142739; } .elementor-page .elementor-widget-heading h1.elementor-heading-title, .elementor-page .elementor-widget-heading h2.elementor-heading-title { font-family: 'Gza', sans-serif; font-weight: 700; text-transform: none; margin: 0 0 10px; } .elementor-page .elementor-widget-heading h3.elementor-heading-title, .elementor-page .elementor-widget-heading h4.elementor-heading-title, .elementor-page .elementor-widget-heading h5.elementor-heading-title, .elementor-page .elementor-widget-heading h6.elementor-heading-title { font-family: "Sailec", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; font-weight: 400; text-transform: none; margin: 0 0 10px; } .elementor-page .elementor-widget-heading h1.elementor-heading-title { font-size: 48px; line-height: 1.4em; } .elementor-page .elementor-widget-heading h2.elementor-heading-title { font-size: 30px; line-height: 40px; } .elementor-page .elementor-widget-heading h3.elementor-heading-title { font-size: 22px; line-height: 32px; } .elementor-page .elementor-widget-heading h4.elementor-heading-title { font-size: 18px; line-height: 28px; } .elementor-page .elementor-widget-heading h5.elementor-heading-title { font-size: 18px; line-height: 28px; } .elementor-page .elementor-widget-heading h6.elementor-heading-title { font-size: 18px; line-height: 28px; } @media screen and ( max-width: 767px ) { .elementor-page .elementor-widget-heading h1.elementor-heading-title { font-size: 32px; line-height: 1.4em; } .elementor-page .elementor-widget-heading h2.elementor-heading-title { font-size: 21px; line-height: 1.4em; } .elementor-page .elementor-widget-heading h3.elementor-heading-title { font-size: 21px; line-height: 1.4em; } .elementor-page .elementor-widget-heading h4.elementor-heading-title { font-size: 21px; line-height: 1.4em; } .elementor-page .elementor-widget-heading h5.elementor-heading-title { font-size: 21px; line-height: 1.4em; } .elementor-page .elementor-widget-heading h6.elementor-heading-title { font-size: 21px; line-height: 1.4em; } } .elementor-page .elementor-widget-image .widget-image-caption, .elementor-page .elementor-widget-text-editor, .elementor-page .elementor-widget-button a.elementor-button, .elementor-page .elementor-widget-button .elementor-button, .elementor-page .elementor-widget-image-box .elementor-image-box-content .elementor-image-box-title, .elementor-page .elementor-widget-image-box .elementor-image-box-content .elementor-image-box-description, .elementor-page .elementor-widget-icon-box .elementor-icon-box-content .elementor-icon-box-title, .elementor-page .elementor-widget-icon-box .elementor-icon-box-content .elementor-icon-box-description, .elementor-page .elementor-widget-image-gallery .gallery-item .gallery-caption, .elementor-page .elementor-widget-image-carousel .elementor-image-carousel-caption, .elementor-page .elementor-widget-icon-list .elementor-icon-list-item, .elementor-page .elementor-widget-counter .elementor-counter-number-wrapper, .elementor-page .elementor-widget-counter .elementor-counter-title, .elementor-page .elementor-widget-progress .elementor-title, .elementor-page .elementor-widget-testimonial .elementor-testimonial-content, .elementor-page .elementor-widget-testimonial .elementor-testimonial-name, .elementor-page .elementor-widget-testimonial .elementor-testimonial-job, .elementor-page .elementor-widget-tabs .elementor-tab-title, .elementor-page .elementor-widget-tabs .elementor-tab-content, .elementor-page .elementor-widget-accordion .elementor-accordion .elementor-accordion-title, .elementor-page .elementor-widget-accordion .elementor-accordion .elementor-accordion-content, .elementor-page .elementor-widget-toggle .elementor-toggle .elementor-toggle-title, .elementor-page .elementor-widget-toggle .elementor-toggle .elementor-toggle-content, .elementor-page .elementor-widget-alert .elementor-alert-title, .elementor-page .elementor-widget-alert .elementor-alert-description, .elementor-page .elementor-widget-landr-image .widget-image-caption { color: #142739; font-family: "Sailec", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; font-weight: 300; } /* ============================================== * Section * =========================================== */ /* # LANDR Banner ---------------------------------------------------------------------------------------------------- */ .landr_banner { width: 100%; height: 550px; margin-bottom: 45px; position: relative; } .landr_banner .landr_post_image { width: 74.5%; height: 100%; } .landr_banner .landr_post_content { position: absolute; right: 0; top: 0; width: 38%; margin-top: 45px; margin-bottom: 45px; } .landr_banner .landr_post_content_wrapper_inside { height: 300px; } .landr_banner .landr_post_content_wrapper { height: 460px; padding: 80px 70px; } @media screen and ( max-width: 1280px ) { .landr_banner { height: auto; } .landr_banner .landr_post_image { width: 100%; height: 460px; } .landr_banner .landr_post_content { position: relative; bottom: 0; width: 100%; padding-left: 22px; padding-right: 22px; right: auto; top: auto; margin-top: 0; margin-bottom: 0; margin-top: -100px; } .landr_banner .landr_post_content_wrapper { padding: 35px 50px; height: auto; } .landr_banner .landr_post_content_wrapper_inside { height: auto; } } @media screen and ( max-width: 767px ) { .landr_banner .landr_post_image { width: 100%; height: 245px; } .landr_banner .landr_post_content_wrapper { padding: 30px; } .landr_banner .landr_post_content { margin-top: -50px; padding-left: 10px; padding-right: 10px; } .landr_banner .landr_post_title { font-size: 24px; line-height: 1.25em; margin-bottom: 22px; } } /* # Bloc ---------------------------------------------------------------------------------------------------- */ .landr_bloc_flexible { padding: 30px; } .landr_bloc_flexible:last-child{ margin-bottom: 0; } .landr_bloc_button a { text-decoration: none; border: 2px solid currentColor; padding: 15px 30px; font-size: 16px; font-weight: 400; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .landr_bloc_button a:hover { color: #132738; } /* ## Bloc CTA ---------------------------------------------------------------------------------------------------- */ .landr_bloc_cta { /*border: 1px solid #132738;*/ padding: 0; text-align: center; background-size: cover; } .landr_bloc_cta_url { text-decoration: none; color: #142739; height: 100%; display: block; } .landr_bloc_cta_url:hover .landr_bloc_title { color: #2ecbcf; } .landr_bloc_cta .landr_bloc_title { font-size: 34px; line-height: 1.25em; font-weight: 400; } .bloc_cta_flexible_image img { width: auto; max-width: 100px; margin: 1em auto; height: auto; } .landr_bloc_feed .landr_bloc_title { font-size: 21px; font-family: "Gza", serif; } /* ## Bloc Feed ---------------------------------------------------------------------------------------------------- */ .landr_bloc_feed { background-color: #ffffff; padding: 30px; } .landr_bloc_link { color: #132738; } .landr_bloc_feed .landr_bloc_title { font-size: 21px; font-family: "Gza", serif; } .landr_bloc_feed_post_title { font-size: 16px; line-height: 1.33em; margin-bottom: 0; } .landr_bloc_link:hover .landr_bloc_feed_post_title { color: #2ecbcf; } .landr_bloc_feed .bx-wrapper { padding: 0; margin: 0; border: none; -webkit-box-shadow: none; box-shadow: none; max-width: 100%; position: absolute; width: 100%; height: 100%; top: 0; padding-top: 90px; background-color: transparent; max-height: 100%; overflow: hidden; left: 0; padding: 30px; padding-top: 90px; } .landr_bloc_feed .slide { border-top: 1px solid #333333; padding-top: 10px; padding-bottom: 10px; } .landr_bloc_feed .bx-wrapper .bx-controls { position: absolute; bottom: 0; left: 0; width: 100%; } .landr_bloc_feed .bx-wrapper .bx-controls-direction { font-size: 21px; line-height: 1.5em; } .landr_bloc_feed .bx-wrapper .bx-controls-direction a { text-indent: 0; font-size: 21px; background-image: none; top: auto; text-align: center; vertical-align: bottom; z-index: 50; text-decoration: none; height: 30px; } .landr_bloc_feed .bx-wrapper .bx-controls-direction a:focus { color: #2ecbcf; } .landr_bloc_feed .bx-wrapper .bx-controls-direction i { height: 30px; position: relative; display: inline-block; } .landr_bloc_feed .bx-wrapper .bx-controls-direction i:before { line-height: 35px; height: 30px; display: block; } .landr_bloc_feed .bx-wrapper .bx-controls-direction a.disabled { display: inline-block; color: #888; } .landr_bloc_feed .bx-wrapper .bx-next, .landr_bloc_feed .bx-wrapper .bx-prev { position: relative; width: 50%; display: inline-block; } .landr_bloc_feed_post_content { display: inline-block; width: 63.66%; padding-left: 15px; vertical-align: top; } .landr_bloc_feed_post_image { display: inline-block; width: 36.33%; padding-top: 25%; background-size: cover; background-repeat: no-repeat; vertical-align: top; margin-top: 8px; } .landr_bloc_feed_post_cat { font-size: 10.5px; font-weight: 500; } .landr_bloc_feed .bx-viewport { max-height: 100%; overflow: hidden; } /* # Related Post Section ---------------------------------------------------------------------------------------------------- */ #landr_related_post { background-color: #f4f6f8; /*padding-bottom: 45px;*/ } #landr_related_post .landr_do_loop:after { content: ""; display: block; clear: both; padding-bottom: 45px; border-bottom: 1px solid #979797; } .landr_related_post_title { font-size: 40px; font-family: "Gza", serif; line-height: 1.25em; text-align: center; padding: 65px 0; } /* Hide third element when the layout change to 50% width */ @media screen and ( max-width: 1280px ) { #landr_related_post .landr_do_loop article:nth-child( 3n+3 ) { display: none; } } @media screen and ( max-width: 767px ) { .landr_related_post_title { margin: 0 20px; font-size: 20px; padding: 45px 20px; } } /* ## landr_full_row_image * Generated either by shortcode, or Elementor custom widget ---------------------------------------------------------------------------------------------------- */ .landr_full_row_image .landr_image, .landr_full_row_image .landr_image_bg { position: absolute; left: 0; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; /*background-attachment: fixed;*/ } .landr_full_row_image .landr_image_boxed { position: relative; width: 100%; padding: 0 80px; box-sizing: content-box; margin-left: -80px; } @media screen and ( max-width: 1280px ) { .landr_full_row_image .landr_image_boxed { } } .landr_full_row_image .landr_image { z-index: 10; } .landr_ie8 .landr_full_row_image .landr_image { border-left: none!important; border-right: none!important; } @media screen and ( max-width: 1049px ) { .landr_ghost, .landr_full_row_image .landr_image, .landr_full_row_image .landr_image_bg { height: 215px!important; /* Overwrite the shortcode inline css */ } } .landr_full_row_image .landr_ghost { margin: 3em; } @media screen and ( max-width:767px ) { .landr_full_row_image .landr_ghost { margin: 0.5em; } } /* ## landr_responsive_iframe * Generated either by shortcode, or Elementor custom widget ---------------------------------------------------------------------------------------------------- */ .landr_responsive_iframe { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin: 0 0 28px; } .landr_responsive_iframe iframe, .landr_responsive_iframe object, .landr_responsive_iframe embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* ============================================== * Sidebars * =========================================== */ /* # Sidebar - In Header ---------------------------------------------------------------------------------------------------- */ .landr_in_header-container { text-align: right; width: 45%; } .landr_in_header-container .widget { display: inline-block; vertical-align: middle; } /* MailChimp input */ .landr_in_header-container .widget-wrap .mc4wp-form input[type="email"] { width: 275px; } @media screen and ( max-width: 1024px ) { .landr_in_header-container { width: 35%; } .landr_in_header-container .widget { display: none; } } /* # Sidebar - After Content ---------------------------------------------------------------------------------------------------- */ .landr_after_content-container { } .landr_after_content-container { background-color: #2ecbcf; color: #ffffff; background-image: url(images/landr-lines-white.png); background-repeat: no-repeat; background-position: bottom center; background-size: initial; } .landr_after_content-container section .widget-wrap { margin: 0 auto; padding: 55px; max-width: 1280px; } .landr_after_content-container .widget-wrap .mc4wp-form p { margin-bottom: 3em; } .landr_after_content-container .widget-wrap .mc4wp-form form { margin-bottom: 2em; text-align: center; /* should be inside the form, but client haven't style properly */ } @media screen and ( max-width: 767px ) { .landr_after_content-container section .widget-wrap { padding: 20px 20px 55px 20px; max-width: 100%; } .landr_after_content-container .widget-wrap .mc4wp-form input[type="text"], .landr_after_content-container .widget-wrap .mc4wp-form input[type="email"], .landr_after_content-container .widget-wrap .mc4wp-form input[type="url"], .landr_after_content-container .widget-wrap .mc4wp-form input[type="tel"], .landr_after_content-container .widget-wrap .mc4wp-form input[type="number"], .landr_after_content-container .widget-wrap .mc4wp-form input[type="date"], .landr_after_content-container .widget-wrap .mc4wp-form select, .landr_after_content-container .widget-wrap .mc4wp-form textarea { min-width: 0; width: 80%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } } @media screen and ( max-width: 380px ) { .landr_after_content-container .widget-wrap .mc4wp-form input[type="text"], .landr_after_content-container .widget-wrap .mc4wp-form input[type="email"], .landr_after_content-container .widget-wrap .mc4wp-form input[type="url"], .landr_after_content-container .widget-wrap .mc4wp-form input[type="tel"], .landr_after_content-container .widget-wrap .mc4wp-form input[type="number"], .landr_after_content-container .widget-wrap .mc4wp-form input[type="date"], .landr_after_content-container .widget-wrap .mc4wp-form select, .landr_after_content-container .widget-wrap .mc4wp-form textarea { width: auto; } } .landr_after_content-container .widget-title { font-size: 40px; line-height: 1.25em; text-align: center; margin: 0 0 0.5em 0; } @media screen and ( max-width: 767px ) { .landr_after_content-container .widget-title { font-size: 32px; } } .landr_after_content-container .widget-wrap .mc4wp-form input[type="text"], .landr_after_content-container .widget-wrap .mc4wp-form input[type="email"], .landr_after_content-container .widget-wrap .mc4wp-form input[type="url"], .landr_after_content-container .widget-wrap .mc4wp-form input[type="tel"], .landr_after_content-container .widget-wrap .mc4wp-form input[type="number"], .landr_after_content-container .widget-wrap .mc4wp-form input[type="date"], .landr_after_content-container .widget-wrap .mc4wp-form select, .landr_after_content-container .widget-wrap .mc4wp-form textarea { color: #ffffff; border-color: #ffffff; } .landr_after_content-container .widget-wrap .mc4wp-form input[type="submit"], .landr_after_content-container .widget-wrap .mc4wp-form button, .landr_after_content-container .widget-wrap .mc4wp-form input[type="button"], .landr_after_content-container .widget-wrap .mc4wp-form input[type="reset"] { /*color: #ffffff;*/ border-color: #ffffff; } @media screen and ( max-width: 767px ) { .landr_after_content-container .widget-wrap .mc4wp-form input[type="submit"], .landr_after_content-container .widget-wrap .mc4wp-form button, .landr_after_content-container .widget-wrap .mc4wp-form input[type="button"], .landr_after_content-container .widget-wrap .mc4wp-form input[type="reset"] { display: inline-block; width: 80%; max-width: 400px; left: auto; right: auto; margin-top: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } } @media screen and ( max-width: 380px ) { .landr_after_content-container .widget-wrap .mc4wp-form input[type="submit"], .landr_after_content-container .widget-wrap .mc4wp-form button, .landr_after_content-container .widget-wrap .mc4wp-form input[type="button"], .landr_after_content-container .widget-wrap .mc4wp-form input[type="reset"] { width: auto; } } .landr_after_content-container .widget-wrap .mc4wp-form input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #fff; text-transform: capitalize; } .landr_after_content-container .widget-wrap .mc4wp-form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; text-transform: capitalize; } .landr_after_content-container .widget-wrap .mc4wp-form input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; text-transform: capitalize; } .landr_after_content-container .widget-wrap .mc4wp-form input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff; text-transform: capitalize; } .landr_after_content-container .widget-wrap .mc4wp-form input::-ms-input-placeholder { /* Microsoft Edge */ color: #fff; text-transform: capitalize; } .landr_after_content-container .widget-wrap .mc4wp-form input:placeholder { color: #fff; text-transform: capitalize; } .landr_after_content-container .widget-wrap .mc4wp-form input::placeholder { color: #fff; text-transform: capitalize; } /* # Sidebar Footer & Widgets ---------------------------------------------------------------------------------------------------- */ .footer-widgets { background-color: #0c1b2b; color: #ffffff; clear: both; padding-top: 55px; padding-bottom: 55px; } .footer-widgets, .footer-widgets a { font-family: "Sailec", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; font-weight: 400; color: #adb7bf; font-size: 14px; line-height: 1.5em; } @media screen and ( max-width: 767px ) { .footer-widgets, .footer-widgets a { font-size: 16px; } .footer-widgets { padding-left: 20px; padding-right: 20px; } } /** * Add LANDR Logo */ .footer-widgets-1 { display: inline-block; width: 6%; float: left; } @media screen and ( max-width: 1280px ) { .footer-widgets-1 { width: 10%; } } @media screen and ( max-width: 767px ) { .footer-widgets-1 { width: 100%; display: block; float: none; } } .footer-widgets .textwidget { } .footer-widgets h1, .footer-widgets h2, .footer-widgets h3, .footer-widgets h4, .footer-widgets h5, .footer-widgets h6 { font-family: "Sailec", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; font-size: 14px; line-height: 1.25em; margin-bottom: 20px; font-weight: 100; } .footer-widgets input { border: 1px solid #333; } .footer-widgets a.button, .footer-widgets a:hover { color: #fff; } .footer-widgets li { padding-bottom: 20px; } .footer-widgets .widget { max-width: 100%; padding-right: 1em; box-sizing: border-box; /*margin: 0 auto 5em;*/ } .footer-widgets p:last-child { margin-bottom: 0; } .footer-widgets #landr_footer_top .widget-area { display: inline-block; padding: 0; box-sizing: border-box; text-align: left; } .footer-widgets-5 { float: right; } .footer-widgets-2 { width: 46%; padding-left: 2em; } .footer-widgets-2 .widget { max-width: 300px; } .footer-widgets-3, .footer-widgets-4, .footer-widgets-5 { width: 16%; } .footer-widgets-4 .widget-title { /*display: none;*/ } @media screen and ( max-width: 1280px ) { .footer-widgets-2 { width: 40%; padding-left: 2em; } } @media screen and ( max-width: 768px ) { .footer-widgets .widget { padding-right: 0; max-width: 100%; } .footer-widgets #landr_footer_top .widget-area, .footer-widgets #landr_footer_bottom .widget-area { display: block; /*text-align: center;*/ } .footer-widgets-2 { width: 27%; } .footer-widgets-3, .footer-widgets-4, .footer-widgets-5 { width: 20%; } } @media screen and ( max-width: 767px ) { .footer-widgets-2, .footer-widgets-3, .footer-widgets-4, .footer-widgets-5 { display: block; width: 100%; float: none; padding-left: 1em; padding-right: 1em; text-align: center; } .footer-widgets-5 .widget-title { display: block; } } /* ============================================== * Plugins * =========================================== */ /* # Easy Sharing ---------------------------------------------------------------------------------------------------- */ .landr_easy_share { position: relative; z-index: 100; /* Required for when the element position become fixed */ top: -325px; /* Equal padding-top of article */ } .landr_easy_share_wrapper { clear: both; margin: 0; position: absolute; left: -135px; /* background-color: #ffffff; background-color: rgba( 255, 255, 255, 0.55 );*/ padding: 0.5em 0; } .landr_easy_share .essb_links.essb_template_grey-circles-retina .essb_counter, .landr_easy_share .essb_links.essb_template_grey-circles-retina .essb_totalcount { background-color: transparent; } .landr_easy_share .essb_icon, .landr_easy_share .essb_network_name, .landr_easy_share .essb_links.essb_template_grey-circles-retina li, .landr_easy_share .essb_links.essb_template_grey-circles-retina li a, .landr_easy_share .essb_links.essb_template_grey-circles-retina li a:hover, .landr_easy_share .essb_links.essb_template_grey-circles-retina li a:focus, .landr_easy_share .essb_links.essb_template_grey-circles-retina li a .essb_icon, .landr_easy_share .essb_links.essb_template_grey-circles-retina li a:hover .essb_icon, .landr_easy_share .essb_links.essb_template_grey-circles-retina li a:focus .essb_icon, .landr_easy_share .essb_links.essb_template_grey-circles-retina .essb_force_hide li a, .landr_easy_share .essb_links.essb_template_grey-circles-retina .essb_force_hide li a:hover, .landr_easy_share .essb_links.essb_template_grey-circles-retina .essb_force_hide li a:focus, .landr_easy_share .essb_links.essb_template_grey-circles-retina li a .essb_network_name, .landr_easy_share .essb_links.essb_template_grey-circles-retina li a:hover .essb_network_name, .landr_easy_share .essb_links.essb_template_grey-circles-retina li a:focus .essb_network_name { display: block; margin: 0; padding: 0; width: 100%; height: auto; border: none!important; background-position: center center; color: #333!important; text-align: center; text-decoration: none; } .landr_easy_share .essb_icon, .landr_easy_share .essb_links.essb_template_grey-circles-retina li, .landr_easy_share .essb_links.essb_template_grey-circles-retina li a, .landr_easy_share .essb_links.essb_template_grey-circles-retina li a:hover, .landr_easy_share .essb_links.essb_template_grey-circles-retina li a:focus, .landr_easy_share .essb_links.essb_template_grey-circles-retina li a .essb_icon, .landr_easy_share .essb_links.essb_template_grey-circles-retina li a:hover .essb_icon, .landr_easy_share .essb_links.essb_template_grey-circles-retina li a:focus .essb_icon, .landr_easy_share .essb_links.essb_template_grey-circles-retina .essb_force_hide li a, .landr_easy_share .essb_links.essb_template_grey-circles-retina .essb_force_hide li a:hover, .landr_easy_share .essb_links.essb_template_grey-circles-retina .essb_force_hide li a:focus { margin: 0 auto; padding: 0; } .landr_easy_share .essb_links.essb_template_grey-circles-retina li { display: block; margin: 0; padding: 0; width: 100%; height: auto; margin-bottom: 0!important; } .landr_easy_share .essb_links.essb_template_grey-circles-retina { margin: 0; } .landr_easy_share .essb_links.essb_template_grey-circles-retina li a:hover, .landr_easy_share .essb_links.essb_template_grey-circles-retina li a:focus, .landr_easy_share .essb_links.essb_template_grey-circles-retina li a:active, .landr_easy_share .essb_links.essb_template_grey-circles-retina .essb_force_hide li a:hover, .landr_easy_share .essb_links.essb_template_grey-circles-retina .essb_force_hide li a:focus, .landr_easy_share .essb_links.essb_template_grey-circles-retina .essb_force_hide li a:active { background-color: transparent!important; /*#2ecbcf!important;*/ } .landr_easy_share .essb_hide_name a:hover .essb_network_name, .landr_easy_share .essb_hide_name a:focus .essb_network_name { display: block!important; } .landr_easy_share .essb_network_name, .landr_easy_share .essb_links.essb_template_grey-circles-retina li a .essb_network_name, .landr_easy_share .essb_links.essb_template_grey-circles-retina li a:hover .essb_network_name, .landr_easy_share .essb_links.essb_template_grey-circles-retina .essb_hide_name a .essb_network_name, .landr_easy_share .essb_links.essb_template_grey-circles-retina .essb_force_hide a .essb_network_name { overflow: visible; margin-top: 0.5em; } .landr_easy_share .essb_counter_bottom, .landr_easy_share .essb_links.essb_template_grey-circles-retina .essb_counter_bottom { display: block; margin: 0 auto; width: 35px; font-family: 'PlutoSansLight', Lato, sans-serif; font-size: 10px; padding-top: 0.5em; line-height: 1em; font-weight: normal!important; } /* * Hide those SVG icon */ .landr_easy_share .essb_icon, .landr_easy_share .essb_links.essb_template_grey-circles-retina .essb_icon { font-family: 'FontAwesome'; display: inline-block; position: relative; margin: 0; background-image: none!important; opacity: 1!important; } /* * Use Font Awesome icon */ .landr_easy_share a:hover .essb_icon:before, .landr_easy_share a:focus .essb_icon:before, .landr_easy_share .essb_links.essb_template_grey-circles-retina a:hover .essb_icon:before, .landr_easy_share .essb_links.essb_template_grey-circles-retina a:focus .essb_icon:before { color: #2ecbcf; } .landr_easy_share .essb_icon:before, .landr_easy_share .essb_links.essb_template_grey-circles-retina .essb_icon:before { content: ""; position: relative; display: inline-block; vertical-align: middle; text-align: center; font-size: 17px; line-height: 35px; color: #333; left: auto; } .landr_easy_share .essb_links.essb_template_grey-circles-retina .essb_link_digg .essb_icon:before { content: "\f1a6"!important; } .landr_easy_share .essb_links.essb_template_grey-circles-retina .essb_link_facebook .essb_icon:before { content: "a"!important; } .landr_easy_share .essb_links.essb_template_grey-circles-retina .essb_link_google .essb_icon:before { content: "f"!important; } .landr_easy_share .essb_links.essb_template_grey-circles-retina .essb_link_linkedin .essb_icon:before { content: "k"!important; } .landr_easy_share .essb_links.essb_template_grey-circles-retina .essb_link_pinterest .essb_icon:before { content: "h"!important; } .landr_easy_share .essb_links.essb_template_grey-circles-retina .essb_link_twitter .essb_icon:before { content: "d"!important; } .landr_easy_share .essb_links.essb_template_grey-circles-retina .essb_link_comments .essb_icon:before { content: "\58"!important; } .landr_easy_share .essb_links.essb_template_grey-circles-retina .essb_link_vk .essb_icon { } /* # WPML ---------------------------------------------------------------------------------------------------- */ .footer-widgets .wpml-ls-legacy-dropdown { width: 140px; max-width: 100%; display: inline-block; } @media screen and ( max-width: 767px ) { .footer-widgets .wpml-ls-legacy-dropdown { width: 100%; max-width: 400px; } } .footer-widgets .wpml-ls-legacy-dropdown a { /*border: none; padding: 0; font-family: "Sailec", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; font-weight: 100; color: #676767; font-size: 14px; line-height: 1.5em;*/ font-family: "Sailec", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; padding: 1em; font-size: 13px; line-height: 1.25em; border: none; background-color: #0c1b2b; color: #ffffff; font-weight: 100; vertical-align: bottom; margin: 0; height: auto; max-width: 400px; box-sizing: border-box; color: #adb7bf; } .footer-widgets .wpml-ls-statics-shortcode_actions .wpml-ls-current-language>a { padding-left: 0; } .footer-widgets .wpml-ls-statics-shortcode_actions .wpml-ls-current-language:hover>a, .footer-widgets .wpml-ls-statics-shortcode_actions .wpml-ls-current-language>a:focus { background-color: #ffffff; color: #444444; } .footer-widgets .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle { padding-right: calc( 2em + 1em + 1em); border: 1px solid #435261; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .footer-widgets .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after { content: "\63"; font-family: "landr-font"; color: #64717c; font-size: 1em; padding: 1em; line-height: 1.25em; z-index: 2; position: absolute; right: 0; top: 4px; border: none; } .footer-widgets .wpml-ls-legacy-dropdown a:hover, .footer-widgets .wpml-ls-legacy-dropdown a:focus, .footer-widgets .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a { background-color: #ffffff; color: #0C1B32; } .footer-widgets .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { position: relative; border: 1px solid #435261; border-width: 2px; display: none; } .footer-widgets .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a { padding: 0.5em 1em; } .footer-widgets .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu, .footer-widgets .wpml-ls-legacy-dropdown .wpml-ls-current-language:focus .wpml-ls-sub-menu { display: block; } /** * Mailchimp for WP */ .widget-wrap .mc4wp-form form { text-align: left; } @media screen and ( max-width: 767px ) { .landr_mobile-container .widget-wrap .mc4wp-form form, .landr_mobile-container .widget-wrap .mc4wp-form form p { text-align: center !important; /* use important to overwrite the inline css */ } .footer-widgets .mc4wp-form form { text-align: left; } } .widget-wrap .mc4wp-form input[type="text"], .widget-wrap .mc4wp-form input[type="email"], .widget-wrap .mc4wp-form input[type="url"], .widget-wrap .mc4wp-form input[type="tel"], .widget-wrap .mc4wp-form input[type="number"], .widget-wrap .mc4wp-form input[type="date"], .widget-wrap .mc4wp-form select, .widget-wrap .mc4wp-form textarea { font-family: "Sailec", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; padding: 1em; font-size: 13px; line-height: 1.25em; border: 1px solid #435261; font-weight: 100; vertical-align: bottom; margin: 0; height: auto; max-width: 400px; box-sizing: border-box; color:#adb7bf; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .widget-wrap .mc4wp-form input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ font-family: "Sailec", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; font-size: 13px; line-height: 1.25em; padding: 0 1em 0 0; font-weight: 100; color:#adb7bf; } .widget-wrap .mc4wp-form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-family: "Sailec", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; font-size: 13px; line-height: 1.25em; padding: 0 1em 0 0; font-weight: 100; color:#adb7bf; } .widget-wrap .mc4wp-form input::-moz-placeholder { /* Mozilla Firefox 19+ */ font-family: "Sailec", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; font-size: 13px; line-height: 1.25em; padding: 0 1em 0 0; font-weight: 100; color:#adb7bf; } .widget-wrap .mc4wp-form input:-ms-input-placeholder { /* Internet Explorer 10-11 */ font-family: "Sailec", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; font-size: 13px; line-height: 1.25em; padding: 0 1em 0 0; font-weight: 100; color:#adb7bf; } .widget-wrap .mc4wp-form input::-ms-input-placeholder { /* Microsoft Edge */ font-family: "Sailec", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; font-size: 13px; line-height: 1.25em; padding: 0 1em 0 0; font-weight: 100; color:#adb7bf; } @media screen and ( max-width: 767px ) { .widget-wrap .mc4wp-form input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ font-size: 16px; line-height: 1.25em; } .widget-wrap .mc4wp-form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size: 16px; line-height: 1.25em; } .widget-wrap .mc4wp-form input::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size: 16px; line-height: 1.25em; } .widget-wrap .mc4wp-form input:-ms-input-placeholder { /* Internet Explorer 10-11 */ font-size: 16px; line-height: 1.25em; } .widget-wrap .mc4wp-form input::-ms-input-placeholder { /* Microsoft Edge */ font-size: 16px; line-height: 1.25em; } } .widget-wrap .mc4wp-form input[type="submit"], .widget-wrap .mc4wp-form button, .widget-wrap .mc4wp-form input[type="button"], .widget-wrap .mc4wp-form input[type="reset"] { padding: 1em; font-size: 13px; font-weight: 700; line-height: 1.25em; vertical-align: bottom; left: -5px; position: relative; font-weight: 500; font-family: "Sailec", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; margin: 0; display: inline-block; width: auto; background-color: #ffffff; color: #0c1b2b; border: 1px solid #ffffff; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .landr_mobile-container .widget-wrap .mc4wp-form input[type="submit"], .landr_mobile-container .widget-wrap .mc4wp-form button, .landr_mobile-container .widget-wrap .mc4wp-form input[type="button"], .landr_mobile-container .widget-wrap .mc4wp-form input[type="reset"] { background-color: #0c1b2b; color: #ffffff; border: 1px solid #0c1b2b; } .widget-wrap .mc4wp-form input[type="submit"]:hover, .widget-wrap .mc4wp-form button:hover, .widget-wrap .mc4wp-form input[type="button"]:hover, .widget-wrap .mc4wp-form input[type="reset"]:hover { /* border-color: #00cbc9;*/ } /** * Mobile menu */ #landr_mobile_nav { display: none; } @media screen and ( max-width: 1024px ) { #landr_mobile_nav { display: inline-block; width: auto; cursor: pointer; vertical-align: middle; } #landr_mobile_nav:before { content: "\65"; font-family: "landr-font"; font-size: 25px; font-weight: 300; line-height: 30px; padding: 0.5em; } .mobile_visible #landr_mobile_nav:before { content: "\62"; } } /** * Mobile Sidebar */ .site-header .wrap>div.landr_mobile-container { display: none; width: 100%; position: absolute; z-index: -1; top: 160px; left: 0; overflow-y: auto; background-color: #f4f6f8; } .post-template-template-alternative-post .site-header .wrap>div.landr_mobile-container { background-color: #99cccb; } .landr_mobile-container aside { } .landr_mobile-container section { border-bottom: 1px solid #979797; padding: 2em; margin: 0 10px; } @media screen and ( max-width: 480px ) { .landr_mobile-container section { padding: 2em 0; } } .landr_mobile-container section:last-child { border: none; } #landr_mobile-logo a { content: ""; display: block; clear: both; background-image: url(images/LANDR_logo_dark.png); background-size: 60px; background-position: center center; background-repeat: no-repeat; height: 100px; width: 100%; } .landr_mobile-container .widget-wrap { width: 100%; display: table; } /** * Social menu */ .landr_mobile-container .widget_nav_menu .menu a[href$="/feed/"] span, .landr_mobile-container .widget_nav_menu .menu a[href*="codepen.io"] span, .landr_mobile-container .widget_nav_menu .menu a[href*="digg.com"] span, .landr_mobile-container .widget_nav_menu .menu a[href*="dribbble.com"] span, .landr_mobile-container .widget_nav_menu .menu a[href*="dropbox.com"] span, .landr_mobile-container .widget_nav_menu .menu a[href*="facebook.com"] span, .landr_mobile-container .widget_nav_menu .menu a[href*="flickr.com"] span, .landr_mobile-container .widget_nav_menu .menu a[href*="foursquare.com"] span, .landr_mobile-container .widget_nav_menu .menu a[href*="plus.google.com"] span, .landr_mobile-container .widget_nav_menu .menu a[href*="github.com"] span, .landr_mobile-container .widget_nav_menu .menu a[href*="instagram.com"] span, .landr_mobile-container .widget_nav_menu .menu a[href*="linkedin.com"] span, .landr_mobile-container .widget_nav_menu .menu a[href*="pinterest.com"] span, .landr_mobile-container .widget_nav_menu .menu a[href*="reddit.com"] span, .landr_mobile-container .widget_nav_menu .menu a[href*="stumbleupon.com"] span, .landr_mobile-container .widget_nav_menu .menu a[href*="tumblr.com"] span, .landr_mobile-container .widget_nav_menu .menu a[href*="twitter.com"] span, .landr_mobile-container .widget_nav_menu .menu a[href*="vimeo.com"] span, .landr_mobile-container .widget_nav_menu .menu a[href*="wordpress.com"] span, .landr_mobile-container .widget_nav_menu .menu a[href*="wordpress.org"] span, .landr_mobile-container .widget_nav_menu .menu a[href*="youtube.com"] span, .landr_mobile-container .widget_nav_menu .menu a[href*="spotify.com"] span, .landr_mobile-container .widget_nav_menu .menu a[href*="twitch.tv"] span, .landr_mobile-container .widget_nav_menu .menu a[href*="rss"] span, .landr_mobile-container .widget_nav_menu .menu a[href*="soundcloud"] span { display: none; } /** * Style menus */ .landr_mobile-container .menu { display: table; width: 100%; } .landr_mobile-container .menu-item { display: table-cell; padding: 0 10px; } .landr_mobile-container a { color: #676767; } @media screen and ( max-width: 1024px ) { .mobile_visible .wrap>div.landr_mobile-container { display: block; text-align: left; } .landr_mobile-container .widget-title { display: inline-block; width: 45%; padding-right: 65px; margin-bottom: 0; vertical-align: bottom; } .landr_mobile-container .widget-wrap > div { display:inline-block; width: 50%; } } /** * mc4wp - Form */ .landr_mobile-container .widget-wrap .mc4wp-form { text-align: left; } #landr_mcform_wrapper { display: table; width: 100%; } #landr_mcform_wrapper input[type="email"] { display: table-cell; width: auto; min-width: calc( 70% - 2px ); float: left; font-size: 13px; padding: 1em; } #landr_mcform_wrapper input[type="submit"] { display: table-cell; width: auto; min-width: 30%; float: left; } @media screen and ( max-width: 1080px ) { .footer-widgets #landr_mcform_wrapper input[type="email"], .footer-widgets #landr_mcform_wrapper input[type="submit"] { width: 100%; left: auto; margin-top: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } } @media screen and ( max-width: 767px ) { #landr_mcform_wrapper input[type="email"], #landr_mcform_wrapper input[type="submit"] { width: auto; margin-top: 0; font-size: 16px; left: -5px; padding: 1em; line-height: 1.5em; min-height: 0; } } @media screen and ( max-width: 767px ) and ( min-width: 680px ) { .landr_mobile-container #landr_mcform_wrapper input[type="email"], .landr_mobile-container #landr_mcform_wrapper input[type="submit"] { width: 100%; left: auto; margin-top: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } } @media screen and ( max-width: 540px ) { #landr_mcform_wrapper input[type="email"], #landr_mcform_wrapper input[type="submit"] { max-width: 100%; width: 100%; left: auto; margin-top: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } } @media screen and ( max-width: 767px ) { .widget-wrap .mc4wp-form input[type="text"], .widget-wrap .mc4wp-form input[type="email"], .widget-wrap .mc4wp-form input[type="url"], .widget-wrap .mc4wp-form input[type="tel"], .widget-wrap .mc4wp-form input[type="number"], .widget-wrap .mc4wp-form input[type="date"], .widget-wrap .mc4wp-form select, .widget-wrap .mc4wp-form textarea {} /*.widget-wrap .mc4wp-form input[type="email"] { width: auto; }*/ } @media screen and ( max-width: 680px ) { .landr_mobile-container section { text-align: center; } .landr_mobile-container .widget-wrap .mc4wp-form { text-align: center; } .landr_mobile-container .widget-title { display: block; width: 100%; padding-right: 0; margin-bottom: 1.5em; } .landr_mobile-container .widget-wrap > div { display:block; width: 100%; } } /** * Magnific Popup */ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { /* cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; */ } .mfp-zoom { /* cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; */ } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /** * 404 */ #landr_404 { padding: 4em 0 5em; text-align: center; } #landr_404 .entry-title { color: #2ecbcf; font-size: 82px; line-height: 1.5em; } #landr_404 .entry-content { font-family: "Gza", serif; font-weight: 600; font-size: 26px; line-height: 1.5em; } /** * Widget Title */ h1.widget-title, h2.widget-title, h3.widget-title, h4.widget-title, h5.widget-title, h6.widget-title { font-family: "Gza", serif; } /** * Footer Widget Title */ .footer-widgets h1.widget-title, .footer-widgets h2.widget-title, .footer-widgets h3.widget-title, .footer-widgets h4.widget-title, .footer-widgets h5.widget-title, .footer-widgets h6.widget-title { font-family: "Sailec", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; font-weight: 400; color: #ffffff; } @media screen and ( max-width: 767px ) { #landr_footer_top .widget-title { cursor: pointer; position: relative; font-size: 16px; } #landr_footer_top .widget-title:after { content: "\63"; font-family: "landr-font"; color: #64717c; font-size: 1em; padding: 0; line-height: 1em; z-index: 2; position: absolute; right: 0; top: 4px; border: none; } #landr_footer_top .widget-title.open:after { content: "\69"; } } /** * Hello Bar */ body.hello_content_visible { position: fixed; overflow-y: scroll; /* display scrollbar to avoid width change */ width: 100%; } #landr_hello_bar { position: absolute; z-index: 500; width: 100%; top: 0; left: 0; right: 0; background-color: #0c1b2b; color: #ffffff; cursor: pointer; } @media screen and ( max-width: 1280px ) { #landr_hello_bar .wrap { padding: 0 20px; } } #landr_hello_bar_logo, #landr_hello_bar_slogan { display: none; } #landr_hello_bar_cta { font-size: 13px; font-weight: 700; line-height: 1em; padding: 12px 0; } #landr_hello_bar_cta:hover { text-decoration: underline; } #landr_hello_bar_cta:before { content: ""; display: inline-block; width: 13px; height: 13px; font-size: 13px; line-height: 1em; padding: 0; margin-right: 8px; vertical-align: middle; background-image: url( images/hello_bar_arrow.svg ); background-size: contain; background-repeat: no-repeat; background-position: center center; } #landr_hello_bar.fixed { position: fixed; top: -38px; } #landr_hello_bar.fixed #landr_hello_bar_logo, #landr_hello_bar.fixed #landr_hello_bar_slogan { display: inline-block; vertical-align: middle; } @media screen and ( max-width: 510px ) { #landr_hello_bar.fixed #landr_hello_bar_slogan { display: none; } } #landr_hello_bar_logo { width: 41px; height: 64px; background-image: url(images/LANDR_logo_white.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; } #landr_hello_bar_slogan{ font-family: "Sailec", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; font-weight: 700; font-size: 16px; padding-left: 0.5em; } #landr_hello_bar.fixed #landr_hello_bar_cta { float: right; font-size: 15px; padding: 24px 0; } #landr_hello_content { position: fixed; z-index: 750; top: -5000px; left: 0; right: 0; /*overflow-y: auto;*/ } #landr_hello_content:before { content: ""; position: fixed; width: 100%; height: 100%; opacity: 0; background-color: #0c1b2b; background-color: rgba( 12, 27, 43, 0.75 ); filter: alpha(opacity=0); -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } #landr_hello_content.visible { padding: 0; top: 0; bottom: 0; } #landr_hello_content.visible:before { opacity: 100; filter: alpha(opacity=100); -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } #landr_hello_content.visible_out { position: fixed; z-index: 750; top: 0; left: 0; right: 0; width: 100%; height: 100%; } #landr_hello_content.visible_out:before { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; overflow-y: auto; } #landr_hello_content_background { padding: 80px 0 120px; color: #ffffff; background-color: #0c1b2b; top: -1000px; width: 100%; position: fixed; -webkit-transition: top 0.5s ease-in-out; -moz-transition: top 0.5s ease-in-out; -ms-transition: top 0.5s ease-in-out; -o-transition: top 0.5s ease-in-out; transition: top 0.5s ease-in-out; -webkit-transition: top 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: top 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86); -ms-transition: top 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86); -o-transition: top 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: top 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86); overflow-y: auto; max-height: 100%; } #landr_hello_content.visible #landr_hello_content_background { top: 0; -webkit-transition: top 0.5s ease-in-out; -moz-transition: top 0.5s ease-in-out; -ms-transition: top 0.5s ease-in-out; -o-transition: top 0.5s ease-in-out; transition: top 0.5s ease-in-out; -webkit-transition: top 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: top 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86); -ms-transition: top 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86); -o-transition: top 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: top 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86); } @media screen and ( max-width: 767px ) { #landr_hello_content_background { padding-top: 20px; padding-left: 20px; padding-right: 20px; } } #landr_hello_content_header { position: relative; padding-bottom: 80px; display: block; width: 100%; } #landr_hello_content_header:after { content: ""; display: block; clear:both; } #landr_hello_content_logo { position: relative; display: inline-block; float: left; } #landr_hello_content_logo a { position: relative; display: inline-block; width: 79px; height: 64px; background-image: url( images/LANDR_logo_white.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; } #landr_hello_content_close { position: relative; display: inline-block; float: right; width: 23px; height: 33px; background-image: url( images/icon_close.png); background-size: contain; background-repeat: no-repeat; background-position: center center; cursor: pointer; } #landr_hello_content_widget section.widget { font-size: 44px; line-height: 1.36em; font-weight: 400; } @media screen and ( max-width: 767px ) { #landr_hello_content_widget section.widget { font-size: 40px; } } #landr_hello_content_widget section.widget a { color: #ffffff; } #landr_hello_content_widget section.widget a.button { text-decoration: none; background-color: #32cbcb; padding: 15px 30px; font-size: 16px; font-weight: 400; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #landr_hello_content_widget section.widget a.button:before { content: ""; display: inline-block; width: 13px; height: 13px; font-size: 13px; line-height: 1em; padding: 0; margin-right: 8px; vertical-align: middle; background-image: url( images/hello_bar_arrow.svg ); background-size: contain; background-repeat: no-repeat; background-position: center center; } #landr_hello_content_widget section.widget a.button:hover { /* no hover state for now */ } body.hello_bar_visible { /*overflow: hidden;*/ } /** * New footer */ #landr_footer_top, #landr_footer_bottom { display: block; width: 100%; } #landr_footer_top { margin-bottom: 100px; } @media screen and ( max-width: 767px ) { #landr_footer_top { margin-bottom: 1.5em; } } #landr_footer_top:after, #landr_footer_bottom:after { content: ""; display: block; clear: both; } .landr_footer_column { display: inline-block; vertical-align: top; } #landr_footer_top_1, #landr_footer_top_2, #landr_footer_top_3 { width: 22%; } #landr_footer_top_4 { width: 33%; } @media screen and ( max-width: 767px ) { #landr_footer_top_1, #landr_footer_top_2, #landr_footer_top_3, #landr_footer_top_4 { display: block; width: 100%; text-align: left; } } #landr_footer_bottom_left { width: 66%; vertical-align: top; } #landr_footer_bottom_left_1, #landr_footer_bottom_left_2 { display: inline-block; vertical-align: middle; } #landr_footer_logo { display: inline-block; } #landr_footer_logo a { position: relative; display: inline-block; vertical-align: middle; width: 41px; height: 33px; background-image: url( images/LANDR_logo_white.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; margin-right: 1.5em; } @media screen and ( max-width: 767px ) { #landr_footer_logo { display: block; } #landr_footer_logo a { background-image: url( images/LANDR_logo_white.svg); width: 92.5px; height: 75px; display: block; margin-bottom: 20px; margin-right: auto; margin-left: auto; } } #landr_footer_credential { display: inline-block; vertical-align: middle; padding-right: 1.5em; } @media screen and ( max-width: 767px ) { #landr_footer_credential { padding-right: 0; } } #landr_footer_bottom_left_2 .widget_nav_menu .menu-item { display: inline-block; padding-right: 1.5em; } @media screen and ( max-width: 767px ) { #landr_footer_bottom_left_2 .widget_nav_menu .menu-item { padding: 0 0.75em; } } #landr_footer_bottom li { padding-bottom: 0; } @media screen and ( max-width: 767px ) { #landr_footer_bottom .wpml-ls-legacy-dropdown .wpml-ls-item { text-align: left; } } #landr_footer_bottom .widget-title { display: none; } #landr_footer_bottom_right { width: 34%; min-height: 33px; text-align: right; vertical-align: top; } #landr_footer_bottom_right section { display: inline-block; padding-left: 1em; vertical-align: top; } #landr_footer_bottom_left_1, #landr_footer_bottom_left_2, #landr_footer_bottom_right section { margin-top: 10px; margin-bottom: 10px; } #landr_footer_bottom_right section.widget_nav_menu { margin-top: 15px; } @media screen and ( max-width: 767px ) { #landr_footer_bottom_right section { display: block; padding-left: 0; } #landr_footer_bottom_left_1, #landr_footer_bottom_left_2, #landr_footer_bottom_right section { margin-bottom: 20px; } #landr_footer_bottom_left, #landr_footer_bottom_right, #landr_footer_bottom_left_1, #landr_footer_bottom_left_2 { display: block; text-align: center; width: 100%; } } /** * Footer menu social */ .footer-widgets .widget_nav_menu div[class^="menu-social"] li { display: inline-block; } .footer-widgets .widget_nav_menu div[class^="menu-social"] span { display: none; } .footer-widgets .widget_nav_menu div[class^="menu-social"] a:before { padding-left: 16px; padding-right: 0; line-height: 33px; } @media screen and ( max-width: 767px ) { .footer-widgets .widget_nav_menu div[class^="menu-social"] a:before { padding-left: 16px; padding-right: 16px; } } .copyright { top: -0.275em; font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; }