/** -------------------------------------------------- * * TABLE OF CONTENTS * * imports - base top - theme - components - layout - base bottom * development * * -------------------------------------------------- **/ /*! -------------------------------------------------- #imports -------------------------------------------------- */ /* theme */ /*! -------------------------------------------------- * * TABLE OF CONTENTS * * Fonts * Colors * Measurement * * -------------------------------------------------- */ :root { /* BEGIN ROOT */ /* PLACE ALL VARIABLES INSIDE THE ROOT! */ /*! -------------------------------------------------- Fonts -------------------------------------------------- */ /*! -------------------------------------------------- Colors -------------------------------------------------- */ /*! -------------------------------------------------- Measurement -------------------------------------------------- */ /* GLOBAL */ } /* END ROOT*/ /*! -------------------------------------------------- * * TABLE OF CONTENTS * * Fonts * Colors * Measurement * * -------------------------------------------------- */ :root { /* BEGIN ROOT */ /* PLACE ALL VARIABLES INSIDE THE ROOT! */ /*! -------------------------------------------------- Fonts -------------------------------------------------- */ /*! -------------------------------------------------- Colors -------------------------------------------------- */ /*! -------------------------------------------------- Measurement -------------------------------------------------- */ /* GLOBAL */ } /* END ROOT*/ /*! -------------------------------------------------- * * TABLE OF CONTENTS * * font icon * fonts * * * -------------------------------------------------- */ /*! -------------------------------------------------- #font icon -------------------------------------------------- */ @font-face{ font-family: 'duo_frontend_font'; src: url("/sites/all/themes/veritas2017/fonts/duo_frontend_font/duo_frontend_font.eot") format('embedded-opentype'), url("/sites/all/themes/veritas2017/fonts/duo_frontend_font/duo_frontend_font.woff2") format('woff2'), url("/sites/all/themes/veritas2017/fonts/duo_frontend_font/duo_frontend_font.woff") format('woff'), url("/sites/all/themes/veritas2017/fonts/duo_frontend_font/duo_frontend_font.ttf") format('truetype'), url("/sites/all/themes/veritas2017/fonts/duo_frontend_font/duo_frontend_font.svg") format('svg'); font-weight: normal; font-style: normal; } /*! -------------------------------------------------- #fonts -------------------------------------------------- */ /* Fjalla */ @font-face { font-family: 'fjalla'; /* REGULAR */ src: url("/sites/all/themes/veritas2017/fonts/fjalla.eot") format('embedded-opentype'), url("/sites/all/themes/veritas2017/fonts/fjalla.woff2") format('woff2'), url("/sites/all/themes/veritas2017/fonts/fjalla.woff") format('woff'), url("/sites/all/themes/veritas2017/fonts/fjalla.ttf") format('truetype'), url("/sites/all/themes/veritas2017/fonts/fjalla.svg") format('svg'); src: url('/sites/all/themes/veritas2017/fonts/fjalla/FjallaOne-Regular-webfont.eot'); src: url('/sites/all/themes/veritas2017/fonts/fjalla/FjallaOne-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/sites/all/themes/veritas2017/fonts/fjalla/FjallaOne-Regular-webfont.woff') format('woff'), url('/sites/all/themes/veritas2017/fonts/fjalla/FjallaOne-Regular-webfont.ttf') format('truetype'), url('/sites/all/themes/veritas2017/fonts/fjalla/FjallaOne-Regular-webfont.svg#FjallaOne-Regular-webfont') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } /* Slabo */ @font-face { font-family: 'slabo13'; /* REGULAR 13px */ src: url("/sites/all/themes/veritas2017/fonts/slabo.eot") format('embedded-opentype'), url("/sites/all/themes/veritas2017/fonts/slabo.woff2") format('woff2'), url("/sites/all/themes/veritas2017/fonts/slabo.woff") format('woff'), url("/sites/all/themes/veritas2017/fonts/slabo.ttf") format('truetype'), url("/sites/all/themes/veritas2017/fonts/slabo.svg") format('svg'); src: url('/sites/all/themes/veritas2017/fonts/slabo/Slabo13px-Regular-webfont.eot'); src: url('/sites/all/themes/veritas2017/fonts/slabo/Slabo13px-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/sites/all/themes/veritas2017/fonts/slabo/Slabo13px-Regular-webfont.woff') format('woff'), url('/sites/all/themes/veritas2017/fonts/slabo/Slabo13px-Regular-webfont.ttf') format('truetype'), url('/sites/all/themes/veritas2017/fonts/slabo/Slabo13px-Regular-webfont.svg#Slabo13px-Regular-webfont') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'slabo27'; /* REGULAR 27px */ src: url("/sites/all/themes/veritas2017/fonts/slabo.eot") format('embedded-opentype'), url("/sites/all/themes/veritas2017/fonts/slabo.woff2") format('woff2'), url("/sites/all/themes/veritas2017/fonts/slabo.woff") format('woff'), url("/sites/all/themes/veritas2017/fonts/slabo.ttf") format('truetype'), url("/sites/all/themes/veritas2017/fonts/slabo.svg") format('svg'); src: url('/sites/all/themes/veritas2017/fonts/slabo/Slabo27px-Regular-webfont.eot'); src: url('/sites/all/themes/veritas2017/fonts/slabo/Slabo27px-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/sites/all/themes/veritas2017/fonts/slabo/Slabo27px-Regular-webfont.woff') format('woff'), url('/sites/all/themes/veritas2017/fonts/slabo/Slabo27px-Regular-webfont.ttf') format('truetype'), url('/sites/all/themes/veritas2017/fonts/slabo/Slabo27px-Regular-webfont.svg#Slabo27px-Regular-webfont') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } /*! -------------------------------------------------- * * TABLE OF CONTENTS * * basic font-icon styles * icons * * -------------------------------------------------- */ /*! -------------------------------------------------- #basic font-icon styles -------------------------------------------------- */ /*! -------------------------------------------------- #icons -------------------------------------------------- */ /*! -------------------------------------------------- * * TABLE OF CONTENTS * * android highlight color * btn basic * btn arrow * link * text * teaser large * gradient overlay * * -------------------------------------------------- */ :root { /*! -------------------------------------------------- #android highlight color -------------------------------------------------- */; /*! -------------------------------------------------- #btn basic '@pply --btnBasic' -------------------------------------------------- */ /*! -------------------------------------------------- #btn arrow '@pply --btnArrow' -------------------------------------------------- */; /*! -------------------------------------------------- #link '@pply --link' -------------------------------------------------- */ /*! -------------------------------------------------- #text '@pply --text' -------------------------------------------------- */ /*! -------------------------------------------------- #teaserLarge '@pply --teaserLarge' -------------------------------------------------- */ /*! -------------------------------------------------- #gradientOverlay '@pply --gradientOverlay' -------------------------------------------------- */ } /*! -------------------------------------------------- * * TABLE OF CONTENTS * * Global * Woop * * -------------------------------------------------- */ /*! -------------------------------------------------- Global -------------------------------------------------- */ @keyframes animationRotate { 0% { transform: rotate(0deg); } 25% { transform: rotate(90deg); } 50% { transform: rotate(180deg); } 75% { transform: rotate(270deg); } 100% { transform: rotate(360deg); } } @keyframes moveFromBottom { 0% { transform: translateY(100%); } 100% { transform: translateY(0%); } } /*! -------------------------------------------------- Woop -------------------------------------------------- */ @keyframes loadingColorChange { 0% { background-color: #f8f8f8; } 50% { background-color: #eeeeee; } 100% { background-color: #f8f8f8; } } /* base top */ /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Correct the line height in all browsers. * 3. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ /* Document ========================================================================== */ html { font-family: sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ a:active, a:hover { outline-width: 0; } /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], /* 1 */ [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, /* 1 */ menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ /* * Remove text-shadow in selection highlight: * https://twitter.com/miketaylr/status/12228805301 * * These selection rule sets have to be separate. * Customize the background color to match your design. */ ::selection { background: #b3d4fc; text-shadow: none; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* * Remove the gap between audio, canvas, iframes, * images, videos and the bottom of their containers: * https://github.com/h5bp/html5-boilerplate/issues/440 */ audio, canvas, iframe, img, svg, video { vertical-align: middle; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } /*! -------------------------------------------------- * * TABLE OF CONTENTS * * reset list styles * hide text * align * justify table * set max width * retina Backgrounds * set media queries * clearfix * * -------------------------------------------------- */ /*! -------------------------------------------------- #reset list styles -------------------------------------------------- */ /*! -------------------------------------------------- #hide text -------------------------------------------------- */ /*! -------------------------------------------------- #align - It works straight out of the box, until IE9 -------------------------------------------------- */ :root { /* Horizontal */; } :root { /* Vertical */; } :root { /* Horizontal & vertical */; } /*! -------------------------------------------------- #justify table -------------------------------------------------- */ :root { /* Reset justify table */; } /*! -------------------------------------------------- #set max width -------------------------------------------------- */ /*! -------------------------------------------------- #set media queries @media (--mqS) { } -------------------------------------------------- */ :root{ } /*! -------------------------------------------------- #clearfix --------------------------------------------------*/ /*! -------------------------------------------------- * * TABLE OF CONTENTS * * global styles * field collection items reset * media queries * admin tabs * error forms & messages * IE10 * admin menu * development * * -------------------------------------------------- */ /* ----------------------------------------------------- #global styles -------------------------------------------------- */ /* basic box sizing */ *, :after, :before { box-sizing: border-box; } /* menu lists */ ul.menu, ul.links, ol.menu, ol.links, nav[role="navigation"] ul, nav[role="navigation"] ol { margin: 0; padding: 0; } ul.menu li, ul.links li, ol.menu li, ol.links li, nav[role="navigation"] ul li, nav[role="navigation"] ol li { margin: 0; padding: 0; list-style-type: none; list-style-image: none; } /* basic image max width */ img { width: auto; max-width: 100%; height: auto; } /* iframe border */ iframe { border: none; } /* table width */ table { width: 100%; } /* float right class */ .flr { float: right; } /* outline */ :focus { outline: auto; } /* -------------------------------------------------- #media queries -------------------------------------------------- */ /* set content value to communicate with javascript */ body:after { display: none } @media (max-width: 1200px) { body:after { content: 'xl'; } } @media (max-width: 980px) { body:after { content: 'l'; } } @media (max-width: 768px) { body:after { content: 'm'; } } @media (max-width: 568px) { body:after { content: 's'; } } body:before { display: none } @media (max-width: 979px) { body:before { content: 'menu'; } } /* -------------------------------------------------- #admin tabs -------------------------------------------------- */ .blog-header { } .blog-header ul.tabs.primary { } @media (max-width: 979px) { .blog-header ul.tabs.primary { margin-top: 56px; } } @media (max-width: 768px) { .blog-header ul.tabs.primary { margin-top: 52px; } } .blog-header ul.tabs.primary a { color: #ffffff !important; } ul.tabs.primary { margin: 0; padding: 0; background: #414042; padding: 0px; border: 0px; text-align: center; color: #ffffff; font-family: 'slabo27', arial, serif } ul.tabs.primary:after { content: ''; display: block; clear: both } ul.tabs.primary li { margin: 0; padding: 0; list-style-type: none; list-style-image: none; } ul.tabs.primary li { display: inline-block; margin: 0px; padding: 0px; } ul.tabs.primary li a { display: inline-block; margin: 0px; padding: 10px 12px 8px 12px; border: 0px; background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: .5; color: #ffffff; font-size: 9px; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.1em; transition: all 0.2s ease-in-out; } ul.tabs.primary li a:hover { background: transparent; color: #414042; color: #ffffff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity: .8; } ul.tabs.primary li a.active { background: transparent; color: #414042; color: #ffffff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } @media (max-width: 768px) { ul.tabs.primary li { display: block; float: left; width: 50%; } ul.tabs.primary li:nth-child(odd) { clear: both; } ul.tabs.primary li a { display: block; padding: 10px 5% 10px 5%; border-bottom: 1px solid rgba(255,255,255, 0.2); } } @media (max-width: 568px) { ul.tabs.primary li { float: none; width: auto; } } /* ----------------------------------------------------- #error forms & messages -------------------------------------------------- */ #messages-wrap { padding: 0 !important; background-color: transparent !important; } div.messages { width: 1280px; max-width: 90%; margin: 20px auto 5px auto; padding: 7px 10px; border: none; background-image: none; background-color: #dc934e; color: #ffffff; text-align: left; font-size: 15px; font-family: 'slabo27', arial, serif /* &.status { border-color: var(--message-green); background-color: var(--message-green); } &.error { border-color: var(--message-red); background-color: var(--message-red); } &.warning { color: var(--basic-text); } */ } div.messages a { color: #ffffff; text-decoration: underline; } div.messages a:hover { text-decoration: none; } /* ----------------------------------------------------- #IE10 ignores the meta viewport tag for any viewport smaller than 400 pixels in width. To get IE10 in snap mode to play nicely we use this CSS Device Adaptation. source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design -------------------------------------------------- */ @-ms-viewport{ width: device-width; } /* ----------------------------------------------------- #admin menu -------------------------------------------------- */ #admin-menu { z-index: 3000; margin: 0px; box-shadow: none; } /* ----------------------------------------------------- #visually hidden -------------------------------------------------- */ .visually-hidden { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } /*! -------------------------------------------------- #development -------------------------------------------------- */ #toolbar { box-shadow: none; } #block-locale-language .contextual-links-wrapper { display: none; } /* Drupal: Provides on-page localization - Multilingual Localization client - Translate text */ #l10n-client.hidden { display: block; visibility: visible; } /* components */ /*! -------------------------------------------------- Example -------------------------------------------------- */ /*! -------------------------------------------------- Variables -------------------------------------------------- */ /*! -------------------------------------------------- Sidebar nav -------------------------------------------------- */ @media (max-width: 979px) { #container { } #container:before { content: " "; position: fixed; z-index: 700; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, 0.2); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; visibility: hidden; transition: all 0.5s; } [data-role="responsive-aside"] { position: absolute; z-index: 2000; background: transparent; transition: position 0.2s; width: 320px /* Menu position */ } [data-role="responsive-aside"].nav__main--top { top: 0; left: 0; width: 100%; -ms-transform: translateY(-100%); transform: translateY(-100%); } [data-role="responsive-aside"].nav__main--left { top: 0; left: 0; width: 300px; max-width: 100%; height: 100%; -ms-transform: translateX(-100%); transform: translateX(-100%); } [data-role="responsive-aside"].nav__main--right { top: 0; right: 0; width: 300px; max-width: 100%; height: 100%; -ms-transform: translateX(100%); transform: translateX(100%); } [data-role="responsive-aside"].nav__main--bottom { bottom: 0; left: 0; width: 100%; -ms-transform: translateY(100%); transform: translateY(100%); } /* Visible */ html.main__nav--responsive--visible { } html.main__nav--responsive--visible #container:before { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; visibility: visible; } html.main__nav--responsive--visible [data-role="responsive-aside"] { -ms-transform: translate(0%); transform: translate(0%); } html.main__nav--responsive--visible .nav-collapse > .tb-megamenu-nav { height: calc(100vh - 71px) !important; overflow-y: auto !important; } html.main__nav--responsive--visible .tb-megamenu .nav-collapse { border-top: 1px solid #bebdbc; } html.main__nav--responsive--visible #main, html.main__nav--responsive--visible #footer-main, html.main__nav--responsive--visible #footer-bottom { } html.main__nav--responsive--visible #main-header-bottom { z-index: auto !important; } } @media (max-width: 979px) and (max-width: 568px) { [data-role="responsive-aside"] { width: auto; } } @media (max-width: 979px) and (max-width: 768px) { html.main__nav--responsive--visible [data-role="responsive-aside"] { width: 100%; } } @media (max-width: 979px) and (max-width: 768px) { html.main__nav--responsive--visible #main, html.main__nav--responsive--visible #footer-main, html.main__nav--responsive--visible #footer-bottom { display: none; } } /*! -------------------------------------------------- * * TABLE OF CONTENTS * * back button * breadcrumb * * -------------------------------------------------- */ .group-back-btn-and-breadcrumbs { width: 1230px; max-width: 90%; margin-left: auto; margin-right: auto; position: relative; overflow: hidden; margin-top: 30px } @media (max-width: 979px) { .group-back-btn-and-breadcrumbs { height: 20px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; } } @media (max-width: 768px) { .group-back-btn-and-breadcrumbs { height: 30px; } } .group-back-btn-and-breadcrumbs .field-name-breadcrumbs { float: left; width: auto; max-width: 70%; } @media (max-width: 979px) { .group-back-btn-and-breadcrumbs .field-name-breadcrumbs { max-width: 100%; } } /*! -------------------------------------------------- #back button -------------------------------------------------- */ .vc-back-button { float: left; margin-right: 10px } .vc-back-button a { position: relative; padding-left: 25px; } .vc-back-button a:after { content: ''; display: inline-block; width: 20px; height: 20px; position: absolute; top: -2px; left: 0; background: url('/sites/all/themes/veritas2017/images/distribution/icons/icon__arrow-white-right.svg') no-repeat 6px 5px; background-size: 10px 10px; -ms-transform: rotate(180deg); transform: rotate(180deg); } .vc-back-button a:before { content: ''; display: block; width: 20px; height: 20px; position: absolute; top: -2px; left: 0; background: #363a3b; border-radius: 50%; transition: background 0.2s; } .vc-back-button a span { position: relative; display: inline-block; padding-right: 13px; font-size: 16px; font-size: 1.6rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; color: #363a3b; text-transform: uppercase; } .vc-back-button a span:after { content: ''; display: inline-block; width: 2px; position: absolute; top: 4px; right: 0; bottom: 4px; background: #363a3b; } .lt-ie10 .vc-back-button a { padding-left: 0 } .lt-ie10 .vc-back-button a:after, .lt-ie10 .vc-back-button a:before { display: none; } /*! -------------------------------------------------- #breadcrumb -------------------------------------------------- */ .field-name-breadcrumbs { width: 1230px; max-width: 90%; margin-left: auto; margin-right: auto; margin-bottom: 15px } .field-name-breadcrumbs ul { margin: 0; padding: 0; } .field-name-breadcrumbs ul li { margin: 0; padding: 0; list-style-type: none; list-style-image: none; } .field-name-breadcrumbs ul li { position: relative; display: inline-block; margin-right: 5px; padding-right: 12px; color: #bebdbc; font-size: 16px; font-size: 1.6rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; text-transform: uppercase; } .field-name-breadcrumbs ul li:after { content: "›"; position: absolute; top: 0; right: 0; font-size: 16px; font-size: 1.6rem; color: #363a3b; } .field-name-breadcrumbs ul li:last-child { margin-right: 0px; padding-right: 0px; } .field-name-breadcrumbs ul li:last-child:after { display: none; } .field-name-breadcrumbs ul li a { display: inline-block; color: #363a3b; } /*! -------------------------------------------------- * * TABLE OF CONTENTS * * flexslider reset * slider style * Control nav * * -------------------------------------------------- */ /*! -------------------------------------------------- #flexslider reset -------------------------------------------------- */ .flex-viewport { height: 530px; margin: -100px 0 0 0; padding: 0; /* -100px comes from theme-script.js, see skrollr */ a:focus { outline: none; } } .flex-viewport ul.slides { margin: 0; padding: 0; } .flex-viewport ul.slides:after { content: ''; display: block; clear: both; } .flex-viewport ul.slides li { margin: 0; padding: 0; list-style-type: none; list-style-image: none; } .flex-viewport ul.slides li.slide { display: none; -webkit-backface-visibility: hidden; } .flex-viewport ul.slides li.slide:first-child { display: block; } .touch .flex-viewport { height: 430px; margin: 0; } /*! -------------------------------------------------- #slider style -------------------------------------------------- */ .paragraphs-items-field-slider { overflow: hidden; position: relative; height: 590px; margin-bottom: 30px; /* background: var(--white); */ background: #fffcfc /* Direction nav */ } .paragraphs-items-field-slider + .group-back-btn-and-breadcrumbs { margin-top: 0; } .paragraphs-items-field-slider .field-name-field-slider { } .paragraphs-items-field-slider .field-name-field-slider .paragraphs-item-slider-image { visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .paragraphs-items-field-slider .field-name-field-slider .paragraphs-item-slider-image.flex-active-slide:first-child { } .paragraphs-items-field-slider .field-name-field-slider .paragraphs-item-slider-image.flex-active-slide:first-child .field-name-field-title, .paragraphs-items-field-slider .field-name-field-slider .paragraphs-item-slider-image.flex-active-slide:first-child .field-name-field-text, .paragraphs-items-field-slider .field-name-field-slider .paragraphs-item-slider-image.flex-active-slide:first-child .field-name-field-call-to-actions { -ms-transform: translateX(-80px); transform: translateX(-80px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; transition: all 0.75s cubic-bezier(0.17, 0.54, 0.33, 1.16) 0.5s; } .paragraphs-items-field-slider .field-name-field-slider .paragraphs-item-slider-image.flex-active-slide:first-child .field-name-field-text { -ms-transform: translateX(-100px); transform: translateX(-100px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; transition: all 0.75s cubic-bezier(0.17, 0.54, 0.33, 1.16) 0.5s; } .paragraphs-items-field-slider .field-name-field-slider .paragraphs-item-slider-image.flex-active-slide:first-child .field-name-field-call-to-actions { -ms-transform: translateX(-120px); transform: translateX(-120px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; transition: all 0.75s cubic-bezier(0.17, 0.54, 0.33, 1.16) 0.5s; } .paragraphs-items-field-slider .field-name-field-slider.js-visible { .paragraphs-item-slider-image { visibility: visible; } } .paragraphs-items-field-slider .field-name-field-slider.js-first-visible { } .paragraphs-items-field-slider .field-name-field-slider.js-first-visible .paragraphs-item-slider-image { visibility: visible; } .paragraphs-items-field-slider .field-name-field-slider.js-first-visible .paragraphs-item-slider-image .group-background-image::after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .paragraphs-items-field-slider .field-name-field-slider.js-first-visible .paragraphs-item-slider-image.flex-active-slide { } .paragraphs-items-field-slider .field-name-field-slider.js-first-visible .paragraphs-item-slider-image.flex-active-slide .field-name-field-title, .paragraphs-items-field-slider .field-name-field-slider.js-first-visible .paragraphs-item-slider-image.flex-active-slide .field-name-field-text, .paragraphs-items-field-slider .field-name-field-slider.js-first-visible .paragraphs-item-slider-image.flex-active-slide .field-name-field-call-to-actions { -ms-transform: translateX(0); transform: translateX(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .paragraphs-items-field-slider .paragraphs-item-slider-image { } .paragraphs-items-field-slider .paragraphs-item-slider-image .field-name-field-image { display: none; } .paragraphs-items-field-slider .paragraphs-item-slider-image .group-content-wrapper { width: 1230px; max-width: 90%; margin-left: auto; margin-right: auto; position: relative; z-index: 100; word-wrap: break-word; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; transition: opacity 2s; } .paragraphs-items-field-slider .paragraphs-item-slider-image .field-name-field-title { width: 565px; margin-bottom: 20px; padding-top: 60px; color: #ffffff; font-size: 53px; font-size: 5.3rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; text-transform: uppercase; line-height: 60px; -ms-transform: translateX(-80px); transform: translateX(-80px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; transition: all 0.75s cubic-bezier(0.17, 0.54, 0.33, 1.16) 0.5s; } @media (max-width: 568px) { .paragraphs-items-field-slider .paragraphs-item-slider-image .field-name-field-title { width: 300px; margin-bottom: 15px; font-size: 4.3rem; line-height: 50px; } } .paragraphs-items-field-slider .paragraphs-item-slider-image .field-name-field-text { width: 565px; margin-bottom: 31px; color: #ffffff; font-size: 18px; font-size: 1.8rem; line-height: 26px; -ms-transform: translateX(-100px); transform: translateX(-100px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; transition: all 0.75s cubic-bezier(0.17, 0.54, 0.33, 1.16) 0.5s; } @media (max-width: 568px) { .paragraphs-items-field-slider .paragraphs-item-slider-image .field-name-field-text { width: 300px; margin-bottom: 23px; } } .paragraphs-items-field-slider .paragraphs-item-slider-image .field-name-field-call-to-actions { -ms-transform: translateX(-120px); transform: translateX(-120px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; transition: all 0.75s cubic-bezier(0.17, 0.54, 0.33, 1.16) 0.5s; } .paragraphs-items-field-slider .paragraphs-item-slider-image .field-name-field-call-to-actions .field-item { margin-bottom: 10px; } .paragraphs-items-field-slider .paragraphs-item-slider-image .field-name-field-call-to-actions .field-item:last-child { margin-bottom: 0; } .paragraphs-items-field-slider .paragraphs-item-slider-image .field-name-field-call-to-actions a { display: inline-block; cursor: pointer; padding: 6px 12px; border: 0px; color: #ffffff; font-size: 21px; font-size: 2.1rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; text-transform: uppercase; transition: all 0.3s; background-color: #363a3b; } .paragraphs-items-field-slider .paragraphs-item-slider-image .field-name-field-call-to-actions a:hover { background-color: #4d5253; } .paragraphs-items-field-slider .paragraphs-item-slider-image.flex-active-slide { } .paragraphs-items-field-slider .paragraphs-item-slider-image.flex-active-slide .field-name-field-title, .paragraphs-items-field-slider .paragraphs-item-slider-image.flex-active-slide .field-name-field-text, .paragraphs-items-field-slider .paragraphs-item-slider-image.flex-active-slide .field-name-field-call-to-actions { -ms-transform: translateX(0); transform: translateX(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .paragraphs-items-field-slider .paragraphs-item-slider-image { height: 590px; } .paragraphs-items-field-slider .paragraphs-item-slider-image .group-background-wrapper { position: relative; height: 100%; } .paragraphs-items-field-slider .paragraphs-item-slider-image .group-background-image { height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; } .paragraphs-items-field-slider .paragraphs-item-slider-image .group-background-image:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; z-index: 15; top: 0; right: 0; bottom: 0; left: 0; text-indent: -9999em;/*@apply --gradientOverlay;*/ background: rgba(0, 0, 0, .2) none repeat scroll 0 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; transition: opacity 0.2s; } .paragraphs-items-field-slider .paragraphs-item-slider-image img { display: none; } .paragraphs-items-field-slider .flex-direction-nav { margin: 0; padding: 0; } .paragraphs-items-field-slider .flex-direction-nav li { margin: 0; padding: 0; list-style-type: none; list-style-image: none; } @media (max-width: 979px) { .paragraphs-items-field-slider .flex-direction-nav { display: none; } } .paragraphs-items-field-slider .flex-direction-nav li { position: absolute; z-index: 200; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); width: 60px !important; height: 60px; } .paragraphs-items-field-slider .flex-direction-nav li a { display: inline-block; width: 100%; height: 100%; text-indent: -9999em; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: 0.5; } .paragraphs-items-field-slider .flex-direction-nav li a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; opacity: 0.7; } .paragraphs-items-field-slider .flex-direction-nav .flex-nav-prev { left: 0; } .paragraphs-items-field-slider .flex-direction-nav .flex-nav-prev a { background: url('/sites/all/themes/veritas2017/images/distribution/icons/icon__slider-left-white.svg') no-repeat center center; background-size: 42px 42px; } .paragraphs-items-field-slider .flex-direction-nav .flex-nav-next { right: 0; } .paragraphs-items-field-slider .flex-direction-nav .flex-nav-next a { background: url('/sites/all/themes/veritas2017/images/distribution/icons/icon__slider-right-white.svg') no-repeat center; background-size: 42px 42px; } .paragraphs-items-field-slider .flex-direction-nav .flex-disabled { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0 !important; } .js .paragraphs-items-field-slider .field-name-field-slider { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; transition: opacity 0.2s ease; } .js .paragraphs-items-field-slider.js-slider-loaded .field-name-field-slider { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .js-first-visible { } .js-first-visible .paragraphs-item-slider-image .group-content-wrapper { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } /*! -------------------------------------------------- Control nav -------------------------------------------------- */ .flex-control-nav { position: absolute; z-index: 200; bottom: 20px; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); margin: 0; padding: 0 } .flex-control-nav li { margin: 0; padding: 0; list-style-type: none; list-style-image: none; } .flex-control-nav li { float: left; } .flex-control-nav li a { display: block; overflow: hidden; width: 12px; height: 12px; margin: 0px 4px 0px 4px; border: 2px solid #ffffff; border-radius: 100%; text-indent: -5555px; cursor: pointer; transition: all 0.3s; } .flex-control-nav li a.flex-active { background: #ffffff; } /*! -------------------------------------------------- * * TABLE OF CONTENTS * * video * * -------------------------------------------------- */ /*! -------------------------------------------------- #video -------------------------------------------------- */ .paragraphs-items-field-paragraphs-video { overflow: hidden; position: relative; height: 530px; margin: 0 0 30px 0; padding: 0; background: #000000 } @media (max-width: 979px) { .paragraphs-items-field-paragraphs-video { height: 400px; } } @media (max-width: 768px) { .paragraphs-items-field-paragraphs-video { height: 430px; } } .paragraphs-items-field-paragraphs-video .field-name-field-paragraphs-video { position: absolute; width: 100%; margin: -100px 0 30px 0;/* -100px comes from theme-script.js, see skrollr */ } @media (max-width: 768px) { .paragraphs-items-field-paragraphs-video .field-name-field-paragraphs-video { position: relative; top: auto !important; margin-top: 0; } } .paragraphs-items-field-paragraphs-video .field-name-field-paragraphs-video.js-visible { } .paragraphs-items-field-paragraphs-video .paragraphs-item-slider-video { display: block; float: left; width: 100%; } .paragraphs-items-field-paragraphs-video .paragraphs-item-slider-video .group-background-image { height: 100%; background-size: cover; } @media (max-width: 768px) { .paragraphs-items-field-paragraphs-video .paragraphs-item-slider-video .group-background-image { height: 430px; } } .paragraphs-items-field-paragraphs-video .paragraphs-item-slider-video .group-background-image:after { content: ''; display: none; width: 100%; height: 100%; position: absolute; z-index: 15; top: 0; right: 0; bottom: 0; left: 0; text-indent: -9999em;/* Adjusted version so it looks like the design *//* background: -moz-linear-gradient(left, rgba(56,60,61,0.3) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(left, rgba(56,60,61,0.3) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(56,60,61,0.3) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d383c3d', endColorstr='#00ffffff',GradientType=1 ); *//* FF3.6-15 *//* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0, 0, 0, .3) 0%,rgba(0, 0, 0, 0) 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(77, 0, 0, 0)', endColorstr='rgba(0, 0, 0, 0)',GradientType=1 );/* IE6-9 */ } @media (max-width: 768px) { .paragraphs-items-field-paragraphs-video .paragraphs-item-slider-video .group-background-image:after { display: block; } } .paragraphs-items-field-paragraphs-video .paragraphs-item-slider-video .group-content-wrapper { width: 1230px; max-width: 90%; margin-left: auto; margin-right: auto; word-wrap: break-word; } .paragraphs-items-field-paragraphs-video .paragraphs-item-slider-video .group-content-wrapper .group-content { position: absolute; z-index: 20; top: 0; word-wrap: break-word; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; transition: opacity 2s; } @media (max-width: 768px) { .paragraphs-items-field-paragraphs-video .paragraphs-item-slider-video .group-content-wrapper .group-content { position: relative; top: auto; padding-bottom: 20px; } } @media (max-width: 568px) { .paragraphs-items-field-paragraphs-video .paragraphs-item-slider-video .group-content-wrapper .group-content { width: 300px; } } .paragraphs-items-field-paragraphs-video .paragraphs-item-slider-video .field-name-field-title { width: 565px; margin-bottom: 20px; padding-top: 60px; color: #ffffff; font-size: 53px; font-size: 5.3rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; text-transform: uppercase; line-height: 60px; } @media (max-width: 568px) { .paragraphs-items-field-paragraphs-video .paragraphs-item-slider-video .field-name-field-title { width: 300px; } } .paragraphs-items-field-paragraphs-video .paragraphs-item-slider-video .field-name-field-text { width: 565px; margin-bottom: 20px; color: #ffffff; font-size: 18px; font-size: 1.8rem; line-height: 26px; } @media (max-width: 568px) { .paragraphs-items-field-paragraphs-video .paragraphs-item-slider-video .field-name-field-text { width: 300px; } } .paragraphs-items-field-paragraphs-video .paragraphs-item-slider-video .field-name-field-call-to-actions { } .paragraphs-items-field-paragraphs-video .paragraphs-item-slider-video .field-name-field-call-to-actions .field-item { margin-bottom: 10px; } .paragraphs-items-field-paragraphs-video .paragraphs-item-slider-video .field-name-field-call-to-actions .field-item:last-child { margin-bottom: 0; } .paragraphs-items-field-paragraphs-video .paragraphs-item-slider-video .field-name-field-call-to-actions a { display: inline-block; cursor: pointer; padding: 6px 12px; border: 0px; color: #ffffff; font-size: 21px; font-size: 2.1rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; text-transform: uppercase; transition: all 0.3s; background-color: #363a3b; } .paragraphs-items-field-paragraphs-video .paragraphs-item-slider-video .field-name-field-call-to-actions a:hover { background-color: #4d5253; } .paragraphs-items-field-paragraphs-video .paragraphs-item-slider-video .group-image-wrapper { position: absolute; z-index: 20; width: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; transition: opacity 1s; } @media (max-width: 768px) { .paragraphs-items-field-paragraphs-video .paragraphs-item-slider-video .group-image-wrapper { display: none; } } .paragraphs-items-field-paragraphs-video .paragraphs-item-slider-video .group-image-wrapper.hidden { display: none; } .paragraphs-items-field-paragraphs-video .paragraphs-item-slider-video .group-image-wrapper:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; z-index: 15; top: 0; right: 0; bottom: 0; left: 0; text-indent: -9999em;/* Adjusted version so it looks like the design *//* background: -moz-linear-gradient(left, rgba(56,60,61,0.3) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(left, rgba(56,60,61,0.3) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(56,60,61,0.3) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d383c3d', endColorstr='#00ffffff',GradientType=1 ); *//* FF3.6-15 *//* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0, 0, 0, .3) 0%,rgba(0, 0, 0, 0) 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(77, 0, 0, 0)', endColorstr='rgba(0, 0, 0, 0)',GradientType=1 );/* IE6-9 */ } .paragraphs-items-field-paragraphs-video .paragraphs-item-slider-video .group-image-wrapper img { width: 100%; } .paragraphs-items-field-paragraphs-video .paragraphs-item-slider-video .vc-youtube { position: relative; padding-bottom: 56.25%; height: 0; } @media (max-width: 768px) { .paragraphs-items-field-paragraphs-video .paragraphs-item-slider-video .vc-youtube { display: none; } } .paragraphs-items-field-paragraphs-video .paragraphs-item-slider-video .vc-youtube:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; text-indent: -9999em;/* Adjusted version so it looks like the design *//* background: -moz-linear-gradient(left, rgba(56,60,61,0.3) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(left, rgba(56,60,61,0.3) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(56,60,61,0.3) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d383c3d', endColorstr='#00ffffff',GradientType=1 ); *//* FF3.6-15 *//* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0, 0, 0, .3) 0%,rgba(0, 0, 0, 0) 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(77, 0, 0, 0)', endColorstr='rgba(0, 0, 0, 0)',GradientType=1 );/* IE6-9 */ } .paragraphs-items-field-paragraphs-video .paragraphs-item-slider-video .vc-youtube iframe { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; } .paragraphs-items-field-paragraphs-video .paragraphs-item-slider-video.playing { } .paragraphs-items-field-paragraphs-video .paragraphs-item-slider-video.playing .group-image-wrapper { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; } .js-loaded .paragraphs-items-field-paragraphs-video { } .js-loaded .paragraphs-items-field-paragraphs-video .paragraphs-item-slider-video .group-content-wrapper .group-content { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .js-ie .paragraphs-items-field-paragraphs-video { } .js-ie .paragraphs-items-field-paragraphs-video .paragraphs-item-slider-video .group-content-wrapper .group-content { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1 !important; } /*! -------------------------------------------------- * * TABLE OF CONTENTS * * slider products * * -------------------------------------------------- */ /*! -------------------------------------------------- #slider products -------------------------------------------------- */ #block-veritas-custom-vc-featured-products:after { content: ''; display: block; clear: both } #block-veritas-custom-vc-featured-products .flex-viewport { width: 1125px; max-width: 90%; height: auto; margin: 0 auto; } #block-veritas-custom-vc-featured-products .flex-control-nav li a { margin-bottom: 5px; background-color: #bebdbc; border-color: #bebdbc; transition: all 0.3s; } #block-veritas-custom-vc-featured-products .flex-control-nav li a.flex-active, #block-veritas-custom-vc-featured-products .flex-control-nav li a:hover { background-color: #df9c5b; border-color: #df9c5b; } #block-veritas-custom-vc-featured-products .flex-direction-nav { } #block-veritas-custom-vc-featured-products .flex-direction-nav li { position: absolute; top: 35%; -ms-transform: translateY(-50%); transform: translateY(-50%); width: 60px !important; height: 60px; } #block-veritas-custom-vc-featured-products .flex-direction-nav li a { display: inline-block; width: 100%; height: 100%; text-indent: -9999em; } #block-veritas-custom-vc-featured-products .flex-direction-nav .flex-nav-prev { left: 0; } #block-veritas-custom-vc-featured-products .flex-direction-nav .flex-nav-prev a { background: url('/sites/all/themes/veritas2017/images/distribution/icons/icon__slider-left.svg') no-repeat center center; background-size: 32px 32px; } #block-veritas-custom-vc-featured-products .flex-direction-nav .flex-nav-next { right: 0; } #block-veritas-custom-vc-featured-products .flex-direction-nav .flex-nav-next a { background: url('/sites/all/themes/veritas2017/images/distribution/icons/icon__slider-right.svg') no-repeat center; background-size: 32px 32px; } #block-veritas-custom-vc-featured-products .flex-direction-nav .flex-disabled { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0 !important; } #block-veritas-custom-vc-featured-products .title { position: relative; display: block; width: 100%; margin-bottom: 30px; text-align: center; } #block-veritas-custom-vc-featured-products .title:after { content: ''; width: 100%; height: 1px; position: absolute; z-index: -1; top: 50%; left: 0; margin-top: -1px; border-bottom: 1px dashed #363a3b; } #block-veritas-custom-vc-featured-products .title span { postiion: relative; z-index: 10; padding: 0 20px; background: #ffffff; color: #df9c5b; font-size: 26px; font-size: 2.6rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; text-transform: uppercase; } #block-veritas-custom-vc-featured-products .item-list { position: relative; } #block-veritas-custom-vc-featured-products .item-list ul { margin: 0; padding: 0; padding-bottom: 20px; } #block-veritas-custom-vc-featured-products .item-list ul li { margin: 0; padding: 0; list-style-type: none; list-style-image: none; } #block-veritas-custom-vc-featured-products .item-list ul li { float: left; width: 16.67%; margin: 0; padding: 0; text-align: center; } @media (max-width: 980px) { #block-veritas-custom-vc-featured-products .item-list ul li { width: 33.33%; } } @media (max-width: 768px) { #block-veritas-custom-vc-featured-products .item-list ul li { width: 50%; } } @media (max-width: 568px) { #block-veritas-custom-vc-featured-products .item-list ul li { width: 100%; } } #block-veritas-custom-vc-featured-products .item-list ul li .content-wrapper { } #block-veritas-custom-vc-featured-products .item-list ul li .product-image-wrapper { position: relative; } #block-veritas-custom-vc-featured-products .item-list ul li .product-image-wrapper .new_label, #block-veritas-custom-vc-featured-products .item-list ul li .product-image-wrapper .promo { position: absolute; top: 0; left: 0; color: #ffffff; font-family: 'fjalla', Arial, Helvetica, sans-serif; } #block-veritas-custom-vc-featured-products .item-list ul li .product-image-wrapper .new_label:empty, #block-veritas-custom-vc-featured-products .item-list ul li .product-image-wrapper .promo:empty { display: none; } #block-veritas-custom-vc-featured-products .item-list ul li .product-image-wrapper .new_label .round-badge, #block-veritas-custom-vc-featured-products .item-list ul li .product-image-wrapper .promo .round-badge { text-align: center; } #block-veritas-custom-vc-featured-products .item-list ul li .product-image-wrapper .new_label { left: auto; right: 0; padding: 7px 10px 6px; z-index: 10;/*background-color: var(--yellow);*/ background: transparent; color: #bebdbc; font-size: 22px; font-size: 2.2rem; font-family: 'slabo27', serif; } #block-veritas-custom-vc-featured-products .item-list ul li .product-image-wrapper .new_label.hidden { } #block-veritas-custom-vc-featured-products .item-list ul li .product-image-wrapper .promo { z-index: 15;/*background-color: var(--pink);*/ } #block-veritas-custom-vc-featured-products .item-list ul li .product-image-wrapper .link_product { display: inline-block; } #block-veritas-custom-vc-featured-products .item-list ul li .product-image-wrapper img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; transition: opacity 0.3s; } #block-veritas-custom-vc-featured-products .item-list ul li .colorswatches { display: none;/* Temp fix - SE */ } #block-veritas-custom-vc-featured-products .item-list ul li .product-description { } #block-veritas-custom-vc-featured-products .item-list ul li .product-description .name { display: none;/* Temp fix - SE */ } #block-veritas-custom-vc-featured-products .item-list ul li .product-description .name a { } #block-veritas-custom-vc-featured-products .item-list ul li .product-description .brand { display: none;/* Temp fix - SE */ } #block-veritas-custom-vc-featured-products .item-list ul li .product-description .price { margin: 10px 0; font-weight: 600; text-align: center; } #block-veritas-custom-vc-featured-products .item-list ul li .product-description .price .striked a { text-decoration: line-through !important; color: #4d5253 !important; } #block-veritas-custom-vc-featured-products .item-list ul li .product-description .price .regular a { } #block-veritas-custom-vc-featured-products .item-list ul li .product-description .price .striked + .regular a { color: #dc934e; } #block-veritas-custom-vc-featured-products .item-list ul li .order-now { display: none;/* Temp fix - SE */ } /*! -------------------------------------------------- * * TABLE OF CONTENTS * * variabelen * fancybox default * fancybox layout * * -------------------------------------------------- */ /*! -------------------------------------------------- #variabelen -------------------------------------------------- */ /*! -------------------------------------------------- #fancybox default -------------------------------------------------- */ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; transform: translate3d(0, 0, 0); z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; border-radius: 4px; } .fancybox-opened { z-index: 8030; overflow: visible !important; } .fancybox-opened .fancybox-skin { box-shadow: 0 10px 25px rgba(0, 0, 0, .5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { /*background-image: url(fancybox_sprite.png);*/ background-image: url('/sites/all/themes/veritas2017/images/distribution/fancybox/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; /*background: url(fancybox_loading.gif) center center no-repeat;*/ background: url('/sites/all/themes/veritas2017/images/distribution/fancybox/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; /*background: transparent url(blank.gif);*/ /* helps IE */ background: transparent url('/sites/all/themes/veritas2017/images/distribution/fancybox/blank.gif'); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: visible !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; /*background: url(fancybox_overlay.png);*/ background: url('/sites/all/themes/veritas2017/images/distribution/fancybox/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, .8); border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(fancybox_sprite@2x.png); background-image: url('/sites/all/themes/veritas2017/images/distribution/fancybox/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url(fancybox_loading@2x.gif); background-image: url('/sites/all/themes/veritas2017/images/distribution/fancybox/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /*! -------------------------------------------------- #fancybox layout -------------------------------------------------- */ /* overlay background */ /*.fancybox-overlay { background-color: var(--overlay-bg-color); & .fancybox-skin { padding: var(--skin-padding) !important; border-radius: var(--skin-radius); background-color: var(--content-bg-color); box-shadow: none; & .fancybox-prev, .fancybox-next { top: 50%; width: var(--button-width); height: var(--button-height); transform: translateY(-50%); background: var(--buttons-bg); text-align: center; & span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -35%); margin: 0px; background: none; visibility: visible; line-height: 1em; &:before { font-size: var(--button-left-right-icon-size); color: var(--buttons-icon-color); } } } & .fancybox-prev { border-radius: 0px var(--button-radius) var(--button-radius) 0px); box-shadow: var(--button-shadow-distance) 0px var(--button-shadow-blur) var(--button-shadow-color); & span:before { @apply --icon-arrow-straight-left; } } & .fancybox-next { border-radius: var(--button-radius) 0px 0px var(--button-radius); box-shadow: var(--button-shadow-distance) 0px var(--button-shadow-blur) var(--button-shadow-color); & span:before { @apply --icon-arrow-straight-right; } } & .fancybox-close { top: 0; left: 50%; right: auto; transform: translate(-50%, -50%); width: var(--button-width); height: var(--button-height); border-radius: var(--button-radius); background: var(--buttons-bg); box-shadow: var(--button-shadow-distance) var(--button-shadow-distance) var(--button-shadow-blur) var(--button-shadow-color); &:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: var(--button-close-icon-size); @apply --icon-close; color: var(--buttons-icon-color); } } } }*/ /*! -------------------------------------------------- * * TABLE OF CONTENTS * * layout * global fields * image top & image top full width * image bottom & image bottom full width * image left & right * * -------------------------------------------------- */ /* Begin paragraph field */ .paragraphs-items-field-paragraphs { margin-bottom: 30px /*! -------------------------------------------------- #layout -------------------------------------------------- */ /*! -------------------------------------------------- #global fields -------------------------------------------------- */ /* Link */ /* Text */ /* File */ /* Video */ /*! -------------------------------------------------- #image top & image top full width -------------------------------------------------- */ /*! -------------------------------------------------- #image bottom & image bottom full width -------------------------------------------------- */ /*! -------------------------------------------------- #image left & right -------------------------------------------------- */ /* Left & Right */ /* Small screens */ /* End paragraph field */ } .paragraphs-items-field-paragraphs .entity-paragraphs-item { width: 1230px; max-width: 90%; margin-left: auto; margin-right: auto;/* margin-bottom: var(--marge); - use less spacing: */ margin-bottom: 20px; } .paragraphs-items-field-paragraphs .entity-paragraphs-item:last-child { margin-bottom: 0px; } .paragraphs-items-field-paragraphs .entity-paragraphs-item.view-mode-image_bottom_full_width_image, .paragraphs-items-field-paragraphs .entity-paragraphs-item.view-mode-image_top_full_width_image_ { width: 100%; max-width: 100%; } .paragraphs-items-field-paragraphs .entity-paragraphs-item.view-mode-image_bottom_full_width_image .group-background-wrapper, .paragraphs-items-field-paragraphs .entity-paragraphs-item.view-mode-image_top_full_width_image_ .group-background-wrapper { overflow: hidden; position: relative; } .paragraphs-items-field-paragraphs .entity-paragraphs-item.view-mode-image_bottom_full_width_image .group-background-image-wrapper, .paragraphs-items-field-paragraphs .entity-paragraphs-item.view-mode-image_top_full_width_image_ .group-background-image-wrapper { overflow: hidden; position: relative; height: 350px; } .paragraphs-items-field-paragraphs .entity-paragraphs-item.view-mode-image_bottom_full_width_image .group-background-image, .paragraphs-items-field-paragraphs .entity-paragraphs-item.view-mode-image_top_full_width_image_ .group-background-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-attachment: fixed; background-position: center center; background-size: cover; } .paragraphs-items-field-paragraphs .entity-paragraphs-item.view-mode-image_bottom_full_width_image img, .paragraphs-items-field-paragraphs .entity-paragraphs-item.view-mode-image_top_full_width_image_ img { display: none; } .paragraphs-items-field-paragraphs .entity-paragraphs-item.view-mode-image_bottom_full_width_image .group-text-content, .paragraphs-items-field-paragraphs .entity-paragraphs-item.view-mode-image_top_full_width_image_ .group-text-content { position: relative; z-index: 100; } .paragraphs-items-field-paragraphs .field-name-field-link { margin-top: 30px; } .paragraphs-items-field-paragraphs .field-name-field-link a { display: inline-block; margin: 0px 5px 5px 0px; display: inline-block; cursor: pointer; padding: 6px 12px; border: 0px; color: #ffffff; font-size: 21px; font-size: 2.1rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; text-transform: uppercase; transition: all 0.3s; background-color: #df9c5b; border: none; } .paragraphs-items-field-paragraphs .field-name-field-link a:hover { background-color: #eab078; } .paragraphs-items-field-paragraphs .field-name-field-text { max-width: 750px; font-size: 18px; font-size: 1.8rem; font-family: 'slabo27', arial, serif;/*@nest .fonts-loaded & { font-family: var(--roboto-light-font); }*/ } .paragraphs-items-field-paragraphs .field-name-field-text a { position: relative; font-family: 'slabo27', arial, serif; border-bottom: 1px solid #363a3b; text-decoration: none; transition: border-bottom 0.3s, color 0.3s; } .paragraphs-items-field-paragraphs .field-name-field-text a:hover { border-bottom-color: #dc934e; } .paragraphs-items-field-paragraphs .field-name-field-text .orange-cta { margin-bottom: 30px; } .paragraphs-items-field-paragraphs .field-name-field-text .orange-cta a { display: inline-block; cursor: pointer; padding: 6px 12px; border: 0px; color: #ffffff; font-size: 21px; font-size: 2.1rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; text-transform: uppercase; transition: all 0.3s; background-color: #df9c5b; border: none; } .paragraphs-items-field-paragraphs .field-name-field-text .orange-cta a:hover { background-color: #eab078; } .paragraphs-items-field-paragraphs .field-name-field-text .gray-cta { margin-bottom: 30px; } .paragraphs-items-field-paragraphs .field-name-field-text .gray-cta a { display: inline-block; cursor: pointer; padding: 6px 12px; border: 0px; color: #ffffff; font-size: 21px; font-size: 2.1rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; text-transform: uppercase; transition: all 0.3s; background-color: #363a3b; border: none; } .paragraphs-items-field-paragraphs .field-name-field-text .gray-cta a:hover { background-color: #4d5253; } .paragraphs-items-field-paragraphs .field-name-field-text p { margin-bottom: 20px; } .paragraphs-items-field-paragraphs .field-name-field-text *:first-child { margin-top: 0; } .paragraphs-items-field-paragraphs .field-name-field-text *:last-child { margin-bottom: 0; } @media (max-width: 980px) { .paragraphs-items-field-paragraphs .field-name-field-text { max-width: 100%; } } .paragraphs-items-field-paragraphs .field-name-field-text ul { padding-left: 25px; } .paragraphs-items-field-paragraphs .field-name-field-text ul li { padding-left: 16px; list-style-image: none; list-style-type: none; background: url('/sites/all/themes/veritas2017/images/distribution/icons/icon__arrow-black-right.svg') no-repeat -2px 6px; background-size: 13px 13px; } .paragraphs-items-field-paragraphs .field-name-field-text ol { } .paragraphs-items-field-paragraphs .field-name-field-text ol li { } .paragraphs-items-field-paragraphs .field-name-field-text blockquote { margin-left: 20px; margin-right: 20px; padding-left: 15px; border-left: 4px solid #dc934e; color: #363a3b; font-family: 'slabo27', arial, serif; font-style: italic; } .paragraphs-items-field-paragraphs .field-name-field-text hr { border-top: 1px solid #c9c9c9; } .paragraphs-items-field-paragraphs .field-name-field-text table { border: 1px solid #c9c9c9; } .paragraphs-items-field-paragraphs .field-name-field-text table * { text-align: left; } .paragraphs-items-field-paragraphs .field-name-field-text table caption { padding: 5px 10px; background: #c9c9c9; font-family: 'slabo27', arial, serif; } .paragraphs-items-field-paragraphs .field-name-field-text table thead { background: #bebdbc; font-family: 'slabo27', arial, serif; font-weight: 300; } .paragraphs-items-field-paragraphs .field-name-field-text table tr { border-bottom: 1px solid #c9c9c9; } .paragraphs-items-field-paragraphs .field-name-field-text table tr > * { border-right: 1px solid #c9c9c9; } .paragraphs-items-field-paragraphs .field-name-field-text table tr > *:last-child { border-right: none; } .paragraphs-items-field-paragraphs .field-name-field-text table th { padding: 5px 10px; background: #bebdbc; font-family: 'slabo27', arial, serif; font-weight: 600; border-bottom: none; } .paragraphs-items-field-paragraphs .field-name-field-text table td { padding: 5px 10px; } .paragraphs-items-field-paragraphs .field-name-field-file { padding-left: 25px; background: url('/sites/all/themes/veritas2017/images/distribution/icons/icon__file.svg') no-repeat 0 0; background-size: 20px 20px; } .paragraphs-items-field-paragraphs .field-name-field-file .file-icon { display: none; } .paragraphs-items-field-paragraphs .field-name-field-youtube-video { } .paragraphs-items-field-paragraphs .view-mode-image_top, .paragraphs-items-field-paragraphs .view-mode-image_top_full_width_image_ { } .paragraphs-items-field-paragraphs .view-mode-image_top > h2, .paragraphs-items-field-paragraphs .view-mode-image_top_full_width_image_ > h2 { margin-top: 0; } .paragraphs-items-field-paragraphs .view-mode-image_top .group-background-wrapper, .paragraphs-items-field-paragraphs .view-mode-image_top_full_width_image_ .group-background-wrapper { margin-bottom: 20px; } .paragraphs-items-field-paragraphs .view-mode-image_top_full_width_image_ { } .paragraphs-items-field-paragraphs .view-mode-image_top_full_width_image_ .field-name-field-image img { width: 100%; } .paragraphs-items-field-paragraphs .view-mode-image_top_full_width_image_ .group-text-content { width: 1230px; max-width: 90%; margin-left: auto; margin-right: auto; } .paragraphs-items-field-paragraphs .view-mode-image_bottom, .paragraphs-items-field-paragraphs .view-mode-image_bottom_full_width_image { } .paragraphs-items-field-paragraphs .view-mode-image_bottom > h2, .paragraphs-items-field-paragraphs .view-mode-image_bottom_full_width_image > h2 { margin-top: 0; } .paragraphs-items-field-paragraphs .view-mode-image_bottom .group-textcontent, .paragraphs-items-field-paragraphs .view-mode-image_bottom .group-text-content, .paragraphs-items-field-paragraphs .view-mode-image_bottom_full_width_image .group-textcontent, .paragraphs-items-field-paragraphs .view-mode-image_bottom_full_width_image .group-text-content { position: relative;/* margin-bottom: var(--marge); - use less spacing: */ margin-bottom: 20px; } .paragraphs-items-field-paragraphs .view-mode-image_bottom_full_width_image { } .paragraphs-items-field-paragraphs .view-mode-image_bottom_full_width_image .group-text-content { width: 1230px; max-width: 90%; margin-left: auto; margin-right: auto; } .paragraphs-items-field-paragraphs .view-mode-image_bottom_full_width_image .field-name-field-image img { width: 100%; } .paragraphs-items-field-paragraphs .view-mode-image_left, .paragraphs-items-field-paragraphs .view-mode-image_right {/* Fields */ } .paragraphs-items-field-paragraphs .view-mode-image_left:after, .paragraphs-items-field-paragraphs .view-mode-image_right:after { content: ''; display: block; clear: both; } .paragraphs-items-field-paragraphs .view-mode-image_left h2, .paragraphs-items-field-paragraphs .view-mode-image_right h2 { margin-top: 0px; } .paragraphs-items-field-paragraphs .view-mode-image_left .group-left .field-name-field-image, .paragraphs-items-field-paragraphs .view-mode-image_right .group-left .field-name-field-image { margin-top: 5px; } .paragraphs-items-field-paragraphs .view-mode-image_left, .paragraphs-items-field-paragraphs .view-mode-image_right { } .paragraphs-items-field-paragraphs .view-mode-image_left .group-left, .paragraphs-items-field-paragraphs .view-mode-image_right .group-left { float: left; width: 47.5%; margin-right: 5%; } .paragraphs-items-field-paragraphs .view-mode-image_left .group-right, .paragraphs-items-field-paragraphs .view-mode-image_right .group-right { float: right; width: 47.5%; } @media (max-width: 768px) { .paragraphs-items-field-paragraphs { } .paragraphs-items-field-paragraphs .view-mode-image_left, .paragraphs-items-field-paragraphs .view-mode-image_right { } .paragraphs-items-field-paragraphs .view-mode-image_left .group-left, .paragraphs-items-field-paragraphs .view-mode-image_left .group-right, .paragraphs-items-field-paragraphs .view-mode-image_right .group-left, .paragraphs-items-field-paragraphs .view-mode-image_right .group-right { float: none; width: auto; } .paragraphs-items-field-paragraphs .view-mode-image_left .field-name-field-image, .paragraphs-items-field-paragraphs .view-mode-image_right .field-name-field-image { margin-bottom: 20px; } } /*! -------------------------------------------------- * * TABLE OF CONTENTS * * blog paragraphs * * -------------------------------------------------- */ /*! -------------------------------------------------- #blog paragraphs -------------------------------------------------- */ .blog-wrapper { /* paragraphs left/right/top/bottom */ /* paragraphs two images */ } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs {/* Title *//* Link *//* Text *//* File *//* Video *//*! -------------------------------------------------- #image top -------------------------------------------------- *//*! -------------------------------------------------- #image bottom -------------------------------------------------- *//*! -------------------------------------------------- #image left & right -------------------------------------------------- *//* Left & Right *//* Small screens */ } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .paragraphs-item-blog-paragraph { margin-bottom: 30px; } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .paragraphs-item-blog-paragraph:last-child { margin-bottom: 0px; } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .paragraphs-item-blog-paragraph figure { margin: 0; } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .group-title { margin: 0; margin-bottom: 20px; font-size: 26px; font-size: 2.6rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; text-transform: uppercase; } @media (max-width: 768px) { .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .group-title { margin-bottom: 10px; } } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .group-title h2 { margin: 0; } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .field-name-field-link { margin-top: 30px; } @media (max-width: 768px) { .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .field-name-field-link { margin-top: 10px; } } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .field-name-field-link a { display: inline-block; margin: 0px 5px 5px 0px; display: inline-block; cursor: pointer; padding: 6px 12px; border: 0px; color: #ffffff; font-size: 21px; font-size: 2.1rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; text-transform: uppercase; transition: all 0.3s; background-color: #df9c5b; border: none; } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .field-name-field-link a:hover { background-color: #eab078; } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .field-name-field-text { max-width: 750px; font-size: 18px; font-size: 1.8rem; font-family: 'slabo27', arial, serif;/*@nest .fonts-loaded & { font-family: var(--roboto-light-font); }*/ } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .field-name-field-text a { position: relative; font-family: 'slabo27', arial, serif; border-bottom: 1px solid #363a3b; text-decoration: none; transition: border-bottom 0.3s, color 0.3s; } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .field-name-field-text a:hover { border-bottom-color: #dc934e; } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .field-name-field-text .orange-cta { margin-bottom: 30px; } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .field-name-field-text .orange-cta a { display: inline-block; cursor: pointer; padding: 6px 12px; border: 0px; color: #ffffff; font-size: 21px; font-size: 2.1rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; text-transform: uppercase; transition: all 0.3s; background-color: #df9c5b; border: none; } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .field-name-field-text .orange-cta a:hover { background-color: #eab078; } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .field-name-field-text .gray-cta { margin-bottom: 30px; } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .field-name-field-text .gray-cta a { display: inline-block; cursor: pointer; padding: 6px 12px; border: 0px; color: #ffffff; font-size: 21px; font-size: 2.1rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; text-transform: uppercase; transition: all 0.3s; background-color: #363a3b; border: none; } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .field-name-field-text .gray-cta a:hover { background-color: #4d5253; } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .field-name-field-text p { margin-bottom: 20px; } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .field-name-field-text *:first-child { margin-top: 0; } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .field-name-field-text *:last-child { margin-bottom: 0; } @media (max-width: 980px) { .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .field-name-field-text { max-width: 100%; } } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .field-name-field-text ul { padding-left: 25px; } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .field-name-field-text ul li { padding-left: 16px; list-style-image: none; list-style-type: none; background: url('/sites/all/themes/veritas2017/images/distribution/icons/icon__arrow-black-right.svg') no-repeat -2px 6px; background-size: 13px 13px; } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .field-name-field-text ol { } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .field-name-field-text ol li { } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .field-name-field-text blockquote { margin-left: 20px; margin-right: 20px; padding-left: 15px; border-left: 4px solid #dc934e; color: #363a3b; font-family: 'slabo27', arial, serif; font-style: italic; } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .field-name-field-text hr { border-top: 1px solid #c9c9c9; } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .field-name-field-text table { border: 1px solid #c9c9c9; } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .field-name-field-text table * { text-align: left; } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .field-name-field-text table caption { padding: 5px 10px; background: #c9c9c9; font-family: 'slabo27', arial, serif; } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .field-name-field-text table thead { background: #bebdbc; font-family: 'slabo27', arial, serif; font-weight: 300; } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .field-name-field-text table tr { border-bottom: 1px solid #c9c9c9; } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .field-name-field-text table tr > * { border-right: 1px solid #c9c9c9; } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .field-name-field-text table tr > *:last-child { border-right: none; } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .field-name-field-text table th { padding: 5px 10px; background: #bebdbc; font-family: 'slabo27', arial, serif; font-weight: 600; border-bottom: none; } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .field-name-field-text table td { padding: 5px 10px; } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .field-name-field-file { padding-left: 25px; background: url('/sites/all/themes/veritas2017/images/distribution/icons/icon__file.svg') no-repeat 0 0; background-size: 20px 20px; } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .field-name-field-file .file-icon { display: none; } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .vc-youtube { position: relative; padding-bottom: 56.25%;/* 16:9 */ padding-top: 25px; margin-top: 20px; height: 0; } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .vc-youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .view-mode-image_top { } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .view-mode-image_top img { margin-bottom: 20px; } @media (max-width: 768px) { .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .view-mode-image_top img { margin-bottom: 10px; } } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .view-mode-image_bottom { } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .view-mode-image_bottom img { margin-top: 20px; } @media (max-width: 768px) { .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .view-mode-image_bottom img { margin-top: 10px; } } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .view-mode-image_left:after, .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .view-mode-image_right:after { content: ''; display: block; clear: both; } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .view-mode-image_left, .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .view-mode-image_right { } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .view-mode-image_left .group-left, .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .view-mode-image_right .group-left { float: left; width: 48%; margin-right: 4%; } @media (max-width: 768px) { .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .view-mode-image_left .group-left, .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .view-mode-image_right .group-left { width: 100%; margin-right: 0; margin-bottom: 10px; } } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .view-mode-image_left .group-right, .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .view-mode-image_right .group-right { float: right; width: 48%; } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .view-mode-image_left img, .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .view-mode-image_right img { } @media (max-width: 768px) { .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .view-mode-image_left img, .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .view-mode-image_right img { width: 100%; } } @media (max-width: 768px) { .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs { } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .view-mode-image_left, .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .view-mode-image_right { } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .view-mode-image_left .group-left, .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .view-mode-image_left .group-right, .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .view-mode-image_right .group-left, .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .view-mode-image_right .group-right { float: none; width: auto; } .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .view-mode-image_left .field-name-field-image, .blog-wrapper .paragraphs-items-field-2017-blog-post-paragraphs .view-mode-image_right .field-name-field-image { margin-bottom: 10px; } } .blog-wrapper .paragraphs-item-two-images { margin-bottom: 40px; } .blog-wrapper .paragraphs-item-two-images:after { content: ''; display: block; clear: both; } @media (max-width: 768px) { .blog-wrapper .paragraphs-item-two-images { margin-bottom: 30px; } } .blog-wrapper .paragraphs-item-two-images .group-left { float: left; width: 48%; margin-right: 4%; } @media (max-width: 768px) { .blog-wrapper .paragraphs-item-two-images .group-left { width: 100%; margin-right: 0; margin-bottom: 20px; } } .blog-wrapper .paragraphs-item-two-images .group-right { float: left; width: 48%; } @media (max-width: 768px) { .blog-wrapper .paragraphs-item-two-images .group-right { width: 100%; } } .blog-wrapper .paragraphs-item-two-images figure { margin: 0; } .blog-wrapper .paragraphs-item-two-images figure img { } @media (max-width: 768px) { .blog-wrapper .paragraphs-item-two-images figure img { width: 100%; } } .blog-wrapper .paragraphs-item-two-images figcaption { margin-top: 3px; font-size: 14px; font-size: 1.4rem; } .blog-wrapper .node-2017-blog-post .group-main-content { } .blog-wrapper .node-2017-blog-post .group-main-content .paragraphs-item-blog-paragraph .group-footer { clear: both; float: left; width: 100%; max-width: 100%; } /*! -------------------------------------------------- * * TABLE OF CONTENTS * * general * - Grid A * - Grid B * - Grid C * - Grid D * - Grid E * - Grid F * - Grid G * - Grid H * - Grid I * - Grid J * - Grid K * - Grid L * * -------------------------------------------------- */ /*! -------------------------------------------------- #general -------------------------------------------------- */ .paragraphs-items-field-rows { /*! -------------------------------------------------- #Grid A -------------------------------------------------- */ /*! -------------------------------------------------- #Grid B -------------------------------------------------- */ /*! -------------------------------------------------- #Grid C -------------------------------------------------- */ /*! -------------------------------------------------- #Grid D -------------------------------------------------- */ /*! -------------------------------------------------- #Grid E -------------------------------------------------- */ /*! -------------------------------------------------- #Grid F -------------------------------------------------- */ /*! -------------------------------------------------- #Grid G -------------------------------------------------- */ /*! -------------------------------------------------- #Grid H -------------------------------------------------- */ /*! -------------------------------------------------- #Grid I -------------------------------------------------- */ /*! -------------------------------------------------- #Grid J -------------------------------------------------- */ /*! -------------------------------------------------- #Grid K -------------------------------------------------- */ /*! -------------------------------------------------- #Grid L -------------------------------------------------- */ } .paragraphs-items-field-rows img { width: 100%;/* specific for lazy loading */ } .paragraphs-items-field-rows .entity-paragraphs-item { width: 1230px; max-width: 90%; margin-left: auto; margin-right: auto; overflow: hidden; position: relative; margin-bottom: 50px; } .paragraphs-items-field-rows .entity-paragraphs-item:last-child { margin-bottom: 0; } .paragraphs-items-field-rows .entity-paragraphs-item a { } .paragraphs-items-field-rows .entity-paragraphs-item a .field-name-field-image, .paragraphs-items-field-rows .entity-paragraphs-item a .field-name-field-image-1, .paragraphs-items-field-rows .entity-paragraphs-item a .field-name-field-image-2, .paragraphs-items-field-rows .entity-paragraphs-item a .field-name-field-image-3 { position: relative; overflow: hidden; } .paragraphs-items-field-rows .entity-paragraphs-item a .field-name-field-image:before, .paragraphs-items-field-rows .entity-paragraphs-item a .field-name-field-image-1:before, .paragraphs-items-field-rows .entity-paragraphs-item a .field-name-field-image-2:before, .paragraphs-items-field-rows .entity-paragraphs-item a .field-name-field-image-3:before { position: absolute; top: 0; left: -125%; z-index: 2;/*display: block;*/ display: none; content: ''; width: 100%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .05) 100%); transition: all 0.5s; } .paragraphs-items-field-rows .entity-paragraphs-item a .field-name-field-image:after, .paragraphs-items-field-rows .entity-paragraphs-item a .field-name-field-image-1:after, .paragraphs-items-field-rows .entity-paragraphs-item a .field-name-field-image-2:after, .paragraphs-items-field-rows .entity-paragraphs-item a .field-name-field-image-3:after { content: ''; display: block; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; background: #ffffff; transition: opacity 0.4s ease-out 0s; } .paragraphs-items-field-rows .entity-paragraphs-item a .field-name-field-image img, .paragraphs-items-field-rows .entity-paragraphs-item a .field-name-field-image-1 img, .paragraphs-items-field-rows .entity-paragraphs-item a .field-name-field-image-2 img, .paragraphs-items-field-rows .entity-paragraphs-item a .field-name-field-image-3 img {/*transition: transform 0.4s ease-out 0s;*/ } .paragraphs-items-field-rows .entity-paragraphs-item a:hover { } .paragraphs-items-field-rows .entity-paragraphs-item a:hover .field-name-field-image, .paragraphs-items-field-rows .entity-paragraphs-item a:hover .field-name-field-image-1, .paragraphs-items-field-rows .entity-paragraphs-item a:hover .field-name-field-image-2, .paragraphs-items-field-rows .entity-paragraphs-item a:hover .field-name-field-image-3 { } .paragraphs-items-field-rows .entity-paragraphs-item a:hover .field-name-field-image:hover::before, .paragraphs-items-field-rows .entity-paragraphs-item a:hover .field-name-field-image-1:hover::before, .paragraphs-items-field-rows .entity-paragraphs-item a:hover .field-name-field-image-2:hover::before, .paragraphs-items-field-rows .entity-paragraphs-item a:hover .field-name-field-image-3:hover::before { left: 0; } .paragraphs-items-field-rows .entity-paragraphs-item a:hover .field-name-field-image:hover::after, .paragraphs-items-field-rows .entity-paragraphs-item a:hover .field-name-field-image-1:hover::after, .paragraphs-items-field-rows .entity-paragraphs-item a:hover .field-name-field-image-2:hover::after, .paragraphs-items-field-rows .entity-paragraphs-item a:hover .field-name-field-image-3:hover::after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; opacity: 0.2; } .paragraphs-items-field-rows .entity-paragraphs-item a:hover .field-name-field-image img, .paragraphs-items-field-rows .entity-paragraphs-item a:hover .field-name-field-image-1 img, .paragraphs-items-field-rows .entity-paragraphs-item a:hover .field-name-field-image-2 img, .paragraphs-items-field-rows .entity-paragraphs-item a:hover .field-name-field-image-3 img {/*transform: scale(1.05);*/ } .paragraphs-items-field-rows .entity-paragraphs-item h2 { margin-top: 0; margin-bottom: 30px; font-size: 51px; font-size: 5.1rem; text-transform: uppercase; } .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-1, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-2, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-3 { max-width: 750px; font-size: 18px; font-size: 1.8rem; font-family: 'slabo27', arial, serif;/*@nest .fonts-loaded & { font-family: var(--roboto-light-font); }*/ margin-right: auto; margin-bottom: 30px; margin-left: auto; } .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body a, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-1 a, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-2 a, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-3 a { position: relative; font-family: 'slabo27', arial, serif; border-bottom: 1px solid #363a3b; text-decoration: none; transition: border-bottom 0.3s, color 0.3s; } .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body a:hover, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-1 a:hover, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-2 a:hover, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-3 a:hover { border-bottom-color: #dc934e; } .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body .orange-cta, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-1 .orange-cta, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-2 .orange-cta, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-3 .orange-cta { margin-bottom: 30px; } .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body .orange-cta a, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-1 .orange-cta a, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-2 .orange-cta a, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-3 .orange-cta a { display: inline-block; cursor: pointer; padding: 6px 12px; border: 0px; color: #ffffff; font-size: 21px; font-size: 2.1rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; text-transform: uppercase; transition: all 0.3s; background-color: #df9c5b; border: none; } .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body .orange-cta a:hover, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-1 .orange-cta a:hover, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-2 .orange-cta a:hover, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-3 .orange-cta a:hover { background-color: #eab078; } .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body .gray-cta, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-1 .gray-cta, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-2 .gray-cta, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-3 .gray-cta { margin-bottom: 30px; } .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body .gray-cta a, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-1 .gray-cta a, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-2 .gray-cta a, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-3 .gray-cta a { display: inline-block; cursor: pointer; padding: 6px 12px; border: 0px; color: #ffffff; font-size: 21px; font-size: 2.1rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; text-transform: uppercase; transition: all 0.3s; background-color: #363a3b; border: none; } .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body .gray-cta a:hover, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-1 .gray-cta a:hover, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-2 .gray-cta a:hover, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-3 .gray-cta a:hover { background-color: #4d5253; } .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body p, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-1 p, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-2 p, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-3 p { margin-bottom: 20px; } .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body *:first-child, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-1 *:first-child, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-2 *:first-child, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-3 *:first-child { margin-top: 0; } .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body *:last-child, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-1 *:last-child, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-2 *:last-child, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-3 *:last-child { margin-bottom: 0; } @media (max-width: 980px) { .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-1, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-2, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-3 { max-width: 100%; } } .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body ul, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-1 ul, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-2 ul, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-3 ul { padding-left: 25px; } .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body ul li, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-1 ul li, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-2 ul li, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-3 ul li { padding-left: 16px; list-style-image: none; list-style-type: none; background: url('/sites/all/themes/veritas2017/images/distribution/icons/icon__arrow-black-right.svg') no-repeat -2px 6px; background-size: 13px 13px; } .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body ol, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-1 ol, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-2 ol, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-3 ol { } .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body ol li, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-1 ol li, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-2 ol li, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-3 ol li { } .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body blockquote, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-1 blockquote, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-2 blockquote, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-3 blockquote { margin-left: 20px; margin-right: 20px; padding-left: 15px; border-left: 4px solid #dc934e; color: #363a3b; font-family: 'slabo27', arial, serif; font-style: italic; } .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body hr, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-1 hr, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-2 hr, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-3 hr { border-top: 1px solid #c9c9c9; } .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body table, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-1 table, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-2 table, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-3 table { border: 1px solid #c9c9c9; } .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body table *, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-1 table *, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-2 table *, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-3 table * { text-align: left; } .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body table caption, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-1 table caption, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-2 table caption, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-3 table caption { padding: 5px 10px; background: #c9c9c9; font-family: 'slabo27', arial, serif; } .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body table thead, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-1 table thead, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-2 table thead, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-3 table thead { background: #bebdbc; font-family: 'slabo27', arial, serif; font-weight: 300; } .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body table tr, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-1 table tr, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-2 table tr, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-3 table tr { border-bottom: 1px solid #c9c9c9; } .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body table tr > *, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-1 table tr > *, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-2 table tr > *, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-3 table tr > * { border-right: 1px solid #c9c9c9; } .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body table tr > *:last-child, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-1 table tr > *:last-child, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-2 table tr > *:last-child, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-3 table tr > *:last-child { border-right: none; } .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body table th, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-1 table th, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-2 table th, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-3 table th { padding: 5px 10px; background: #bebdbc; font-family: 'slabo27', arial, serif; font-weight: 600; border-bottom: none; } .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body table td, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-1 table td, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-2 table td, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-body-3 table td { padding: 5px 10px; } .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-cta-link, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-cta-link-1, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-cta-link-2, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-cta-link-3 { margin-bottom: 30px; } .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-cta-link .field-item, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-cta-link-1 .field-item, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-cta-link-2 .field-item, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-cta-link-3 .field-item { margin-bottom: 20px; } .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-cta-link .field-item:last-child, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-cta-link-1 .field-item:last-child, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-cta-link-2 .field-item:last-child, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-cta-link-3 .field-item:last-child { margin-bottom: 0; } .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-cta-link a, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-cta-link-1 a, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-cta-link-2 a, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-cta-link-3 a { display: inline-block; cursor: pointer; padding: 6px 12px; border: 0px; color: #ffffff; font-size: 21px; font-size: 2.1rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; text-transform: uppercase; transition: all 0.3s; background-color: #df9c5b; border: none; } .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-cta-link a:hover, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-cta-link-1 a:hover, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-cta-link-2 a:hover, .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-cta-link-3 a:hover { background-color: #eab078; } .paragraphs-items-field-rows .entity-paragraphs-item .field-name-field-hashtag { font-size: 21px; font-size: 2.1rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; text-transform: uppercase; } .paragraphs-items-field-rows .mobile-hidden { } @media (max-width: 979px) { .paragraphs-items-field-rows .mobile-hidden { display: none !important; } } .paragraphs-items-field-rows .paragraphs-item-row-a { } .paragraphs-items-field-rows .paragraphs-item-row-a .group-left { float: left; width: 48%; margin-right: 4%; } @media (max-width: 979px) { .paragraphs-items-field-rows .paragraphs-item-row-a .group-left { width: 100%; margin-right: 0; margin-bottom: 30px; } } .paragraphs-items-field-rows .paragraphs-item-row-a .group-right { position: absolute; top: 50%; right: 0; -ms-transform: translateY(-50%); transform: translateY(-50%); float: left; width: 48%; text-align: center; } @media (max-width: 1300px) { .paragraphs-items-field-rows .paragraphs-item-row-a .group-right { position: relative; top: auto; right: auto; -ms-transform: translateY(0); transform: translateY(0); } } @media (max-width: 979px) { .paragraphs-items-field-rows .paragraphs-item-row-a .group-right { width: 100%; } } .paragraphs-items-field-rows .paragraphs-item-row-a .group-right > *:last-child { margin-bottom: 0 !important; } .paragraphs-items-field-rows .paragraphs-item-row-b { } .paragraphs-items-field-rows .paragraphs-item-row-b .group-left { float: right; width: 48%; margin-left: 4%; } @media (max-width: 979px) { .paragraphs-items-field-rows .paragraphs-item-row-b .group-left { width: 100%; margin-right: 0; margin-bottom: 30px; } } .paragraphs-items-field-rows .paragraphs-item-row-b .group-right { position: absolute; top: 50%; left: 0; -ms-transform: translateY(-50%); transform: translateY(-50%); float: left; width: 48%; text-align: center; } @media (max-width: 1300px) { .paragraphs-items-field-rows .paragraphs-item-row-b .group-right { position: relative; top: auto; right: auto; -ms-transform: translateY(0); transform: translateY(0); } } @media (max-width: 979px) { .paragraphs-items-field-rows .paragraphs-item-row-b .group-right { width: 100%; } } .paragraphs-items-field-rows .paragraphs-item-row-b .group-right > *:last-child { margin-bottom: 0 !important; } .paragraphs-items-field-rows .paragraphs-item-row-c { } .paragraphs-items-field-rows .paragraphs-item-row-c .group-left { float: left; width: 48%; margin-right: 4%; } @media (max-width: 979px) { .paragraphs-items-field-rows .paragraphs-item-row-c .group-left { width: 100%; margin-right: 0; margin-bottom: 30px; } } .paragraphs-items-field-rows .paragraphs-item-row-c .group-right { float: left; width: 48%; } @media (max-width: 979px) { .paragraphs-items-field-rows .paragraphs-item-row-c .group-right { width: 100%; } } .paragraphs-items-field-rows .paragraphs-item-row-c .field-name-field-image, .paragraphs-items-field-rows .paragraphs-item-row-c .field-name-field-image-1 { margin-bottom: 15px; } .paragraphs-items-field-rows .paragraphs-item-row-c h2 { margin-top: 0; margin-bottom: 15px; text-align: center; } .paragraphs-items-field-rows .paragraphs-item-row-c .field-name-field-cta-link { margin-bottom: 0; text-align: center; } .paragraphs-items-field-rows .paragraphs-item-row-c .field-name-field-cta-link span { display: inline-block; cursor: pointer; padding: 6px 12px; border: 0px; color: #ffffff; font-size: 21px; font-size: 2.1rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; text-transform: uppercase; transition: all 0.3s; background-color: #df9c5b; border: none; } .paragraphs-items-field-rows .paragraphs-item-row-c .field-name-field-cta-link span:hover { background-color: #eab078; } .paragraphs-items-field-rows .paragraphs-item-row-d { position: relative; } .paragraphs-items-field-rows .paragraphs-item-row-d .field-name-field-image { } @media (max-width: 568px) { .paragraphs-items-field-rows .paragraphs-item-row-d .field-name-field-image { margin-bottom: 30px; } } .paragraphs-items-field-rows .paragraphs-item-row-d h2 { position: absolute; top: 50%; right: 0; left: 0; -ms-transform: translateY(-50%); transform: translateY(-50%); width: 80%; margin: 0 auto; color: #ffffff;/* Possibly need to be changed depends if the client gets the freedom of color */ } @media (max-width: 568px) { .paragraphs-items-field-rows .paragraphs-item-row-d h2 { position: relative; top: auto; -ms-transform: translateY(0); transform: translateY(0); width: 100%; color: #363a3b; text-align: center; } } .paragraphs-items-field-rows .paragraphs-item-row-d h2 * { margin: 0; } .paragraphs-items-field-rows .paragraphs-item-row-e { } .paragraphs-items-field-rows .paragraphs-item-row-e .group-left { float: left; width: 73%; margin-right: 4%; } @media (max-width: 979px) { .paragraphs-items-field-rows .paragraphs-item-row-e .group-left { width: 100%; margin-right: 0; margin-bottom: 30px; } } .paragraphs-items-field-rows .paragraphs-item-row-e .group-right { float: left; width: 23%; } @media (max-width: 979px) { .paragraphs-items-field-rows .paragraphs-item-row-e .group-right { width: 100%; } } .paragraphs-items-field-rows .paragraphs-item-row-e .group-right h2 { font-size: 26px; font-size: 2.6rem; } @media (max-width: 979px) { .paragraphs-items-field-rows .paragraphs-item-row-e .group-right h2 { text-align: center; } } .paragraphs-items-field-rows .paragraphs-item-row-e .group-right .field-name-field-body { } @media (max-width: 979px) { .paragraphs-items-field-rows .paragraphs-item-row-e .group-right .field-name-field-body { max-width: 750px; margin-left: auto; margin-right: auto; text-align: center; } } .paragraphs-items-field-rows .paragraphs-item-row-e .group-right .field-name-field-cta-link { } @media (max-width: 979px) { .paragraphs-items-field-rows .paragraphs-item-row-e .group-right .field-name-field-cta-link { text-align: center; } } .paragraphs-items-field-rows .paragraphs-item-row-e .group-right .field-name-field-cta-link a { display: block; text-align: center; } @media (max-width: 979px) { .paragraphs-items-field-rows .paragraphs-item-row-e .group-right .field-name-field-cta-link a { display: inline-block; } } .paragraphs-items-field-rows .paragraphs-item-row-e .group-right .field-name-field-hashtag { text-align: center; } .paragraphs-items-field-rows .paragraphs-item-row-f { } .paragraphs-items-field-rows .paragraphs-item-row-f .field-name-field-image { margin-bottom: 30px; } .paragraphs-items-field-rows .paragraphs-item-row-f h2 { } @media (max-width: 979px) { .paragraphs-items-field-rows .paragraphs-item-row-f h2 { text-align: center; } } .paragraphs-items-field-rows .paragraphs-item-row-f .field-name-field-body { margin-left: 0; margin-right: 0; } @media (max-width: 979px) { .paragraphs-items-field-rows .paragraphs-item-row-f .field-name-field-body { margin-left: auto; margin-right: auto; text-align: center; } } .paragraphs-items-field-rows .paragraphs-item-row-f .field-name-field-cta-link { } @media (max-width: 979px) { .paragraphs-items-field-rows .paragraphs-item-row-f .field-name-field-cta-link { text-align: center; } } .paragraphs-items-field-rows .paragraphs-item-row-g { } .paragraphs-items-field-rows .paragraphs-item-row-g .group-left { float: left; width: 25%; } @media (max-width: 979px) { .paragraphs-items-field-rows .paragraphs-item-row-g .group-left { width: 48%; margin-right: 4%; margin-bottom: 30px; } } .paragraphs-items-field-rows .paragraphs-item-row-g .group-middle { float: right; width: 25%; } @media (max-width: 979px) { .paragraphs-items-field-rows .paragraphs-item-row-g .group-middle { float: left; width: 48%; margin-bottom: 30px; } } .paragraphs-items-field-rows .paragraphs-item-row-g .group-right { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); float: left; width: 42%; text-align: center; } @media (max-width: 1300px) { .paragraphs-items-field-rows .paragraphs-item-row-g .group-right { position: relative; top: auto; left: auto; -ms-transform: translate(0); transform: translate(0); margin-right: 4%; margin-left: 4%; } } @media (max-width: 979px) { .paragraphs-items-field-rows .paragraphs-item-row-g .group-right { clear: both; width: 100%; margin-right: 0; margin-left: 0; } } .paragraphs-items-field-rows .paragraphs-item-row-g .group-right > *:last-child { margin-bottom: 0 !important; } .paragraphs-items-field-rows .paragraphs-item-row-h { position: relative; } .paragraphs-items-field-rows .paragraphs-item-row-h .field-name-field-image, .paragraphs-items-field-rows .paragraphs-item-row-h .field-name-field-image-1, .paragraphs-items-field-rows .paragraphs-item-row-h .field-name-field-image-2 { margin-bottom: 20px; } .paragraphs-items-field-rows .paragraphs-item-row-h h2 { margin-bottom: 10px; font-size: 21px; font-size: 2.1rem; } .paragraphs-items-field-rows .paragraphs-item-row-h .field-name-field-button { } .paragraphs-items-field-rows .paragraphs-item-row-h .field-name-field-button span { position: relative; display: inline-block; width: 30px; height: 30px; background: #363a3b; border-radius: 50%; text-indent: -9999em; transition: all 0.3s; } .paragraphs-items-field-rows .paragraphs-item-row-h .field-name-field-button span:after { content: ''; width: 30px; height: 30px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url('/sites/all/themes/veritas2017/images/distribution/icons/icon__arrow-white-right.svg') no-repeat 8px 7px; background-size: 16px 16px; } .paragraphs-items-field-rows .paragraphs-item-row-h .field-name-field-button span:hover { background: #4d5253; } .paragraphs-items-field-rows .paragraphs-item-row-h .group-left { float: left; width: 25%; text-align: center; } @media (max-width: 979px) { .paragraphs-items-field-rows .paragraphs-item-row-h .group-left { width: 48%; margin-right: 4%; margin-bottom: 30px; } } .paragraphs-items-field-rows .paragraphs-item-row-h .group-middle { float: right; width: 25%; text-align: center; } @media (max-width: 979px) { .paragraphs-items-field-rows .paragraphs-item-row-h .group-middle { float: left; width: 48%; margin-bottom: 30px; } } .paragraphs-items-field-rows .paragraphs-item-row-h .group-right { float: left; width: 42%; margin-right: 4%; margin-left: 4%; text-align: center; } @media (max-width: 979px) { .paragraphs-items-field-rows .paragraphs-item-row-h .group-right { clear: both; width: 100%; margin-right: 0; margin-left: 0; } } .paragraphs-items-field-rows .paragraphs-item-row-i { } .paragraphs-items-field-rows .paragraphs-item-row-i .field-name-field-image, .paragraphs-items-field-rows .paragraphs-item-row-i .field-name-field-image-1, .paragraphs-items-field-rows .paragraphs-item-row-i .field-name-field-image-2, .paragraphs-items-field-rows .paragraphs-item-row-i .field-name-field-image-3 { margin-bottom: 20px; } .paragraphs-items-field-rows .paragraphs-item-row-i h2 { margin-bottom: 10px; font-size: 21px; font-size: 2.1rem; } .paragraphs-items-field-rows .paragraphs-item-row-i .field-name-field-button { } .paragraphs-items-field-rows .paragraphs-item-row-i .field-name-field-button span { position: relative; display: inline-block; width: 30px; height: 30px; background: #363a3b; border-radius: 50%; text-indent: -9999em; transition: all 0.3s; } .paragraphs-items-field-rows .paragraphs-item-row-i .field-name-field-button span:after { content: ''; width: 30px; height: 30px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url('/sites/all/themes/veritas2017/images/distribution/icons/icon__arrow-white-right.svg') no-repeat 8px 7px; background-size: 16px 16px; } .paragraphs-items-field-rows .paragraphs-item-row-i .field-name-field-button span:hover { background: #4d5253; } .paragraphs-items-field-rows .paragraphs-item-row-i .group-first { float: left; width: 22%; margin-right: 4%; text-align: center; } @media (max-width: 979px) { .paragraphs-items-field-rows .paragraphs-item-row-i .group-first { width: 48%; margin-bottom: 30px; } } .paragraphs-items-field-rows .paragraphs-item-row-i .group-second { float: left; width: 22%; margin-right: 4%; text-align: center; } @media (max-width: 979px) { .paragraphs-items-field-rows .paragraphs-item-row-i .group-second { width: 48%; margin-right: 0; margin-bottom: 30px; } } .paragraphs-items-field-rows .paragraphs-item-row-i .group-third { float: left; width: 22%; margin-right: 4%; text-align: center; } @media (max-width: 979px) { .paragraphs-items-field-rows .paragraphs-item-row-i .group-third { width: 48%; } } .paragraphs-items-field-rows .paragraphs-item-row-i .group-fourth { float: left; width: 22%; text-align: center; } @media (max-width: 979px) { .paragraphs-items-field-rows .paragraphs-item-row-i .group-fourth { width: 48%; } } .paragraphs-items-field-rows .paragraphs-item-row-j { margin-bottom: 20px; } .paragraphs-items-field-rows .paragraphs-item-row-j .field-name-field-sub-title { margin-bottom: 4px; font-size: 31px; font-size: 3.1rem; } @media (max-width: 979px) { .paragraphs-items-field-rows .paragraphs-item-row-j .field-name-field-sub-title { line-height: 1.2; } } .paragraphs-items-field-rows .paragraphs-item-row-j h2 { margin-bottom: 0; } .paragraphs-items-field-rows .paragraphs-item-row-k { } .paragraphs-items-field-rows .paragraphs-item-row-k h2 { font-size: 21px; font-size: 2.1rem; } .paragraphs-items-field-rows .paragraphs-item-row-k .field-name-field-image, .paragraphs-items-field-rows .paragraphs-item-row-k .field-name-field-image-1 { margin-bottom: 20px; } .paragraphs-items-field-rows .paragraphs-item-row-k .field-name-field-button { } .paragraphs-items-field-rows .paragraphs-item-row-k .field-name-field-button span { position: relative; display: inline-block; width: 30px; height: 30px; background: #363a3b; border-radius: 50%; text-indent: -9999em; transition: all 0.3s; } .paragraphs-items-field-rows .paragraphs-item-row-k .field-name-field-button span:after { content: ''; width: 30px; height: 30px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url('/sites/all/themes/veritas2017/images/distribution/icons/icon__arrow-white-right.svg') no-repeat 8px 7px; background-size: 16px 16px; } .paragraphs-items-field-rows .paragraphs-item-row-k .field-name-field-button span:hover { background: #4d5253; } .paragraphs-items-field-rows .paragraphs-item-row-k .group-left { float: left; width: 22%; margin-right: 4%; } @media (max-width: 979px) { .paragraphs-items-field-rows .paragraphs-item-row-k .group-left { width: 48%; margin-bottom: 30px; } } @media (max-width: 768px) { .paragraphs-items-field-rows .paragraphs-item-row-k .group-left { display: none; } } .paragraphs-items-field-rows .paragraphs-item-row-k .group-left h2 { font-size: 26px; font-size: 2.6rem; } .paragraphs-items-field-rows .paragraphs-item-row-k .group-middle { float: left; width: 22%; margin-right: 4%; text-align: center; } @media (max-width: 979px) { .paragraphs-items-field-rows .paragraphs-item-row-k .group-middle { width: 48%; margin-right: 0; margin-bottom: 30px; } } @media (max-width: 768px) { .paragraphs-items-field-rows .paragraphs-item-row-k .group-middle { width: 100%; } } .paragraphs-items-field-rows .paragraphs-item-row-k .group-middle h2 { margin-bottom: 10px; } .paragraphs-items-field-rows .paragraphs-item-row-k .group-right { float: left; width: 48%; text-align: center; } @media (max-width: 979px) { .paragraphs-items-field-rows .paragraphs-item-row-k .group-right { clear: both; width: 100%; } } .paragraphs-items-field-rows .paragraphs-item-row-k .group-right h2 { margin-bottom: 10px; } .paragraphs-items-field-rows .paragraphs-item-row-l { } .paragraphs-items-field-rows .paragraphs-item-row-l .field-name-field-image, .paragraphs-items-field-rows .paragraphs-item-row-l .field-name-field-image-1, .paragraphs-items-field-rows .paragraphs-item-row-l .field-name-field-image-2, .paragraphs-items-field-rows .paragraphs-item-row-l .field-name-field-image-3 { margin-bottom: 20px; } .paragraphs-items-field-rows .paragraphs-item-row-l h2 { font-size: 21px; font-size: 2.1rem; } .paragraphs-items-field-rows .paragraphs-item-row-l .field-name-field-button, .paragraphs-items-field-rows .paragraphs-item-row-l .field-name-field-button-1, .paragraphs-items-field-rows .paragraphs-item-row-l .field-name-field-button-2, .paragraphs-items-field-rows .paragraphs-item-row-l .field-name-field-button-3 { } .paragraphs-items-field-rows .paragraphs-item-row-l .field-name-field-button a, .paragraphs-items-field-rows .paragraphs-item-row-l .field-name-field-button-1 a, .paragraphs-items-field-rows .paragraphs-item-row-l .field-name-field-button-2 a, .paragraphs-items-field-rows .paragraphs-item-row-l .field-name-field-button-3 a { display: inline-block; cursor: pointer; padding: 6px 12px; border: 0px; color: #ffffff; font-size: 21px; font-size: 2.1rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; text-transform: uppercase; transition: all 0.3s; background-color: #df9c5b; border: none; display: block; text-align: center; } .paragraphs-items-field-rows .paragraphs-item-row-l .field-name-field-button a:hover, .paragraphs-items-field-rows .paragraphs-item-row-l .field-name-field-button-1 a:hover, .paragraphs-items-field-rows .paragraphs-item-row-l .field-name-field-button-2 a:hover, .paragraphs-items-field-rows .paragraphs-item-row-l .field-name-field-button-3 a:hover { background-color: #eab078; } .paragraphs-items-field-rows .paragraphs-item-row-l .group-first { float: left; width: 22%; margin-right: 4%; } @media (max-width: 979px) { .paragraphs-items-field-rows .paragraphs-item-row-l .group-first { width: 48%; margin-bottom: 30px; } } @media (max-width: 568px) { .paragraphs-items-field-rows .paragraphs-item-row-l .group-first { width: 100%; margin-right: 0; } } .paragraphs-items-field-rows .paragraphs-item-row-l .group-second { float: left; width: 22%; margin-right: 4%; } @media (max-width: 979px) { .paragraphs-items-field-rows .paragraphs-item-row-l .group-second { width: 48%; margin-right: 0; margin-bottom: 30px; } } @media (max-width: 568px) { .paragraphs-items-field-rows .paragraphs-item-row-l .group-second { width: 100%; margin-right: 0; } } .paragraphs-items-field-rows .paragraphs-item-row-l .group-third { float: left; width: 22%; margin-right: 4%; } @media (max-width: 979px) { .paragraphs-items-field-rows .paragraphs-item-row-l .group-third { width: 48%; } } @media (max-width: 568px) { .paragraphs-items-field-rows .paragraphs-item-row-l .group-third { width: 100%; margin-right: 0; margin-bottom: 30px; } } .paragraphs-items-field-rows .paragraphs-item-row-l .group-fourth { float: left; width: 22%; } @media (max-width: 979px) { .paragraphs-items-field-rows .paragraphs-item-row-l .group-fourth { width: 48%; } } @media (max-width: 568px) { .paragraphs-items-field-rows .paragraphs-item-row-l .group-fourth { width: 100%; margin-right: 0; } } /*! -------------------------------------------------- * * TABLE OF CONTENTS * * triptych * * -------------------------------------------------- */ /*! -------------------------------------------------- #triptych -------------------------------------------------- */ .node-triptych { } .node-triptych .group-title-wrapper { width: 100% !important; max-width: 100% !important; margin-bottom: 30px; } .node-triptych .group-title-wrapper .field-name-title { } .node-triptych .group-title-wrapper .field-name-title h2 { margin-bottom: 0; color: #ffffff; } .node-triptych .group-title-wrapper .field-name-field-sub-title { color: #ffffff; font-size: 18px; font-size: 1.8rem; } .paragraphs-items-field-rows .paragraphs-item-triptych { width: 100%; max-width: 100%; padding: 70px 0; background: #363a3b } .paragraphs-items-field-rows .paragraphs-item-triptych:after { content: ''; display: block; clear: both } @media (max-width: 979px) { .paragraphs-items-field-rows .paragraphs-item-triptych { padding: 40px 0; } } @media (max-width: 768px) { .paragraphs-items-field-rows .paragraphs-item-triptych { padding: 50px 0 20px 0; } } .paragraphs-items-field-rows .paragraphs-item-triptych .field-name-field-reference { width: 1230px; max-width: 90%; margin-left: auto; margin-right: auto; } .paragraphs-items-field-rows .paragraphs-item-triptych .entity-paragraphs-item { float: left; width: 29.66%; margin-right: 5.5%; margin-bottom: 0; } .paragraphs-items-field-rows .paragraphs-item-triptych .entity-paragraphs-item:nth-child(3n+3) { margin-right: 0; } @media (max-width: 768px) { .paragraphs-items-field-rows .paragraphs-item-triptych .entity-paragraphs-item { width: 100%; margin-bottom: 20px; } } /* Triptych item */ .paragraphs-item-triptych-column { } .paragraphs-item-triptych-column .group-left { float: left; width: 22%; margin-right: 4%; } .paragraphs-item-triptych-column .group-left .field-name-field-image { } .paragraphs-item-triptych-column .group-right { float: left; width: 74%; } .paragraphs-item-triptych-column .group-right h2 { margin-bottom: 12px; color: #ffffff; font-size: 26px; font-size: 2.6rem; text-transform: none; } .paragraphs-item-triptych-column .group-right .field-name-field-body { margin-bottom: 18px; color: #ffffff; font-size: 18px; font-size: 1.8rem; } .paragraphs-item-triptych-column .group-right .field-name-field-body a { display: inline; color: #ffffff; border-bottom: 1px solid #ffffff; transition: all 0.3s; } .paragraphs-item-triptych-column .group-right .field-name-field-body a:hover { color: #df9c5b; border-bottom-color: #df9c5b; } .paragraphs-item-triptych-column .group-right .field-name-field-body ul { padding-left: 0; } .paragraphs-item-triptych-column .group-right .field-name-field-body ul li { background: url('/sites/all/themes/veritas2017/images/distribution/icons/icon__arrow-white-right.svg') no-repeat -2px 6px; background-size: 13px 13px; } .paragraphs-item-triptych-column .group-right .field-name-field-body blockquote { color: #ffffff; } .paragraphs-item-triptych-column .group-right .field-name-field-cta-link { } .paragraphs-item-triptych-column .group-right .field-name-field-cta-link a { display: block; margin-bottom: 4px; padding: 0; background: transparent !important; color: #ffffff; transition: color 0.3s; } .paragraphs-item-triptych-column .group-right .field-name-field-cta-link a:hover { } .paragraphs-item-triptych-column .group-right .field-name-field-cta-link a:hover:after { margin-left: 8px; } .paragraphs-item-triptych-column .group-right .field-name-field-cta-link a:last-child { margin-bottom: 0; } .paragraphs-item-triptych-column .group-right .field-name-field-cta-link a:after { content: ''; display: inline-block; width: 13px; height: 13px; margin-left: 5px; background: url('/sites/all/themes/veritas2017/images/distribution/icons/icon__arrow-white-right.svg') no-repeat 2px -1px; background-size: 13px 13px; transition: margin-left 0.2s; } /*! -------------------------------------------------- * * TABLE OF CONTENTS * * fixed block * * -------------------------------------------------- */ /*! -------------------------------------------------- #fixed block -------------------------------------------------- */ .paragraphs-items-field-rows .paragraphs-item-block { } .paragraphs-items-field-rows .paragraphs-item-block .item-list { } .paragraphs-items-field-rows .paragraphs-item-block .item-list ul { margin: 0; padding: 0; } .paragraphs-items-field-rows .paragraphs-item-block .item-list ul li { margin: 0; padding: 0; list-style-type: none; list-style-image: none; } .paragraphs-items-field-rows .paragraphs-item-block .item-list ul li { float: left; width: 22%; margin-right: 4%; } @media (max-width: 979px) { .paragraphs-items-field-rows .paragraphs-item-block .item-list ul li { width: 48%; } } .paragraphs-items-field-rows .paragraphs-item-block .item-list ul li:nth-child(1), .paragraphs-items-field-rows .paragraphs-item-block .item-list ul li:nth-child(2) { } @media (max-width: 979px) { .paragraphs-items-field-rows .paragraphs-item-block .item-list ul li:nth-child(1), .paragraphs-items-field-rows .paragraphs-item-block .item-list ul li:nth-child(2) { margin-bottom: 30px; } } .paragraphs-items-field-rows .paragraphs-item-block .item-list ul li:nth-child(2n+2) { } @media (max-width: 979px) { .paragraphs-items-field-rows .paragraphs-item-block .item-list ul li:nth-child(2n+2) { margin-right: 0; } } .paragraphs-items-field-rows .paragraphs-item-block .item-list ul li:nth-child(4n+4) { margin-right: 0; } .paragraphs-items-field-rows .paragraphs-item-block .view-mode-teaser_large, .paragraphs-items-field-rows .paragraphs-item-block .view-mode-teaser_content_from_atelier_ { } .paragraphs-items-field-rows .paragraphs-item-block .view-mode-teaser_large a, .paragraphs-items-field-rows .paragraphs-item-block .view-mode-teaser_content_from_atelier_ a { } .paragraphs-items-field-rows .paragraphs-item-block .view-mode-teaser_large a .field-name-field-teaser-image, .paragraphs-items-field-rows .paragraphs-item-block .view-mode-teaser_large a .field-name-field-image, .paragraphs-items-field-rows .paragraphs-item-block .view-mode-teaser_content_from_atelier_ a .field-name-field-teaser-image, .paragraphs-items-field-rows .paragraphs-item-block .view-mode-teaser_content_from_atelier_ a .field-name-field-image { position: relative; overflow: hidden; margin-bottom: 20px; } .paragraphs-items-field-rows .paragraphs-item-block .view-mode-teaser_large a .field-name-field-teaser-image:before, .paragraphs-items-field-rows .paragraphs-item-block .view-mode-teaser_large a .field-name-field-image:before, .paragraphs-items-field-rows .paragraphs-item-block .view-mode-teaser_content_from_atelier_ a .field-name-field-teaser-image:before, .paragraphs-items-field-rows .paragraphs-item-block .view-mode-teaser_content_from_atelier_ a .field-name-field-image:before { position: absolute; top: 0; left: -125%; z-index: 2;/*display: block;*/ display: none; content: ''; width: 100%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .05) 100%); transition: all 0.5s; } .paragraphs-items-field-rows .paragraphs-item-block .view-mode-teaser_large a .field-name-field-teaser-image img, .paragraphs-items-field-rows .paragraphs-item-block .view-mode-teaser_large a .field-name-field-image img, .paragraphs-items-field-rows .paragraphs-item-block .view-mode-teaser_content_from_atelier_ a .field-name-field-teaser-image img, .paragraphs-items-field-rows .paragraphs-item-block .view-mode-teaser_content_from_atelier_ a .field-name-field-image img { transition: transform 0.4s ease-out 0s; } .paragraphs-items-field-rows .paragraphs-item-block .view-mode-teaser_large a:hover, .paragraphs-items-field-rows .paragraphs-item-block .view-mode-teaser_content_from_atelier_ a:hover { } .paragraphs-items-field-rows .paragraphs-item-block .view-mode-teaser_large a:hover .field-name-field-teaser-image, .paragraphs-items-field-rows .paragraphs-item-block .view-mode-teaser_large a:hover .field-name-field-image, .paragraphs-items-field-rows .paragraphs-item-block .view-mode-teaser_content_from_atelier_ a:hover .field-name-field-teaser-image, .paragraphs-items-field-rows .paragraphs-item-block .view-mode-teaser_content_from_atelier_ a:hover .field-name-field-image { } .paragraphs-items-field-rows .paragraphs-item-block .view-mode-teaser_large a:hover .field-name-field-teaser-image:hover::before, .paragraphs-items-field-rows .paragraphs-item-block .view-mode-teaser_large a:hover .field-name-field-image:hover::before, .paragraphs-items-field-rows .paragraphs-item-block .view-mode-teaser_content_from_atelier_ a:hover .field-name-field-teaser-image:hover::before, .paragraphs-items-field-rows .paragraphs-item-block .view-mode-teaser_content_from_atelier_ a:hover .field-name-field-image:hover::before { left: 0; } .paragraphs-items-field-rows .paragraphs-item-block .view-mode-teaser_large a:hover .field-name-field-teaser-image img, .paragraphs-items-field-rows .paragraphs-item-block .view-mode-teaser_large a:hover .field-name-field-image img, .paragraphs-items-field-rows .paragraphs-item-block .view-mode-teaser_content_from_atelier_ a:hover .field-name-field-teaser-image img, .paragraphs-items-field-rows .paragraphs-item-block .view-mode-teaser_content_from_atelier_ a:hover .field-name-field-image img { -ms-transform: scale(1.05); transform: scale(1.05); } .paragraphs-items-field-rows .paragraphs-item-block .view-mode-teaser_large a .field-name-title, .paragraphs-items-field-rows .paragraphs-item-block .view-mode-teaser_content_from_atelier_ a .field-name-title { } .paragraphs-items-field-rows .paragraphs-item-block .view-mode-teaser_large a .field-name-title h2, .paragraphs-items-field-rows .paragraphs-item-block .view-mode-teaser_content_from_atelier_ a .field-name-title h2 { margin-bottom: 0; color: #363a3b; font-size: 18px; font-size: 1.8rem; font-family: 'slabo27', arial, serif; text-transform: none; } .paragraphs-items-field-rows .paragraphs-item-block .view-mode-teaser_large a .field-name-field-expanded-title, .paragraphs-items-field-rows .paragraphs-item-block .view-mode-teaser_content_from_atelier_ a .field-name-field-expanded-title { color: #363a3b; font-size: 18px; font-size: 1.8rem; font-family: 'slabo27', arial, serif; } .paragraphs-items-field-rows .paragraphs-item-block .block-veritas-blog { } .paragraphs-items-field-rows .paragraphs-item-block .block-veritas-blog .item-list ul li { } @media (max-width: 568px) { .paragraphs-items-field-rows .paragraphs-item-block .block-veritas-blog .item-list ul li { width: 100%; margin-right: 0; } } .paragraphs-items-field-rows .paragraphs-item-block .block-veritas-blog .category { } .paragraphs-items-field-rows .paragraphs-item-block .block-veritas-blog .category a { display: block; margin-bottom: 4px; font-size: 20px; font-size: 2rem; text-align: center; } .paragraphs-items-field-rows .paragraphs-item-block .block-veritas-blog .field-name-field-teaser-image a { position: relative; display: inline-block; } .paragraphs-items-field-rows .paragraphs-item-block .block-veritas-blog .field-name-field-teaser-image a:after { content: ''; display: block; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; background: #ffffff; transition: opacity 0.4s; } .paragraphs-items-field-rows .paragraphs-item-block .block-veritas-blog .field-name-field-teaser-image a:hover:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; opacity: 0.2; } .paragraphs-items-field-rows .paragraphs-item-block .block-veritas-blog .group-link { display: block; margin-top: 7px; } .paragraphs-items-field-rows .paragraphs-item-block .block-veritas-blog .group-link h2 { margin-bottom: 0; font-size: 26px; font-size: 2.6rem; text-align: center; transition: opacity 0.3s; } .paragraphs-items-field-rows .paragraphs-item-block .block-veritas-blog .group-link:hover h2 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; opacity: 0.65; } /*! -------------------------------------------------- * * TABLE OF CONTENTS * * usp * * -------------------------------------------------- */ /*! -------------------------------------------------- #usp -------------------------------------------------- */ .field-name-usp2017-labels { width: 100%; padding: 14px 0 12px 0; background: #bebdbc } @media (max-width: 768px) { .field-name-usp2017-labels { display: none; } } .field-name-usp2017-labels .view-usp2017 { width: 1230px; max-width: 90%; margin-left: auto; margin-right: auto; text-align: center; } .field-name-usp2017-labels .view-usp2017 .view-content { line-height: 0; } .field-name-usp2017-labels .view-usp2017 .views-row { position: relative; display: inline-block; padding-left: 8px; padding-right: 16px; } @media (max-width: 568px) { .field-name-usp2017-labels .view-usp2017 .views-row { display: block; padding-bottom: 7px; } } .field-name-usp2017-labels .view-usp2017 .views-row:after { content: ''; display: inline-block; width: 6px; height: 2px; position: absolute; top: 50%; right: 0; margin-top: -1px; background: #ffffff; } @media (max-width: 568px) { .field-name-usp2017-labels .view-usp2017 .views-row:after { display: none; } } .field-name-usp2017-labels .view-usp2017 .views-row:last-child { } @media (max-width: 568px) { .field-name-usp2017-labels .view-usp2017 .views-row:last-child { padding-bottom: 0; } } .field-name-usp2017-labels .view-usp2017 .views-row:last-child:after { display: none; } .field-name-usp2017-labels .view-usp2017 .views-row .field-name-title h2 { margin: 0; font-size: 16px; font-size: 1.6rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; color: #ffffff; text-transform: uppercase; } /*! -------------------------------------------------- * * TABLE OF CONTENTS * * store location * * -------------------------------------------------- */ /*! -------------------------------------------------- #store location -------------------------------------------------- */ .view-store-locator, .view-stores { /* no cursor-pointer on google maps (because there are no info-boxes): */ /* & .gmnoprint { cursor: default !important; } */ /* Popup infobox gmap */ } .view-store-locator .gmap-popup, .view-stores .gmap-popup { } .view-store-locator .gmap-popup h2, .view-stores .gmap-popup h2 { margin-bottom: 12px; font-size: 21px; font-size: 2.1rem; } .view-store-locator .gmap-popup .views-field-field-open-on-sunday, .view-stores .gmap-popup .views-field-field-open-on-sunday { display: none; } .view-store-locator .gmap-popup .location, .view-stores .gmap-popup .location { color: #dc934e; } .view-store-locator .gmap-popup .location abbr, .view-stores .gmap-popup .location abbr { text-decoration: none; border-bottom: 0; } .view-store-locator .gmap-popup .location a, .view-stores .gmap-popup .location a { color: #dc934e; } .view-store-locator .gmap-popup .location .locality, .view-stores .gmap-popup .location .locality { margin-left: 4px; } .view-store-locator .gmap-popup .location .tel .value, .view-stores .gmap-popup .location .tel .value { margin-left: 4px; } .view-store-locator > h1, .view-stores > h1 { width: 1230px; max-width: 90%; margin-left: auto; margin-right: auto; } .view-store-locator form, .view-stores form { width: 1230px; max-width: 90%; margin-left: auto; margin-right: auto; } .view-store-locator form .views-exposed-form, .view-stores form .views-exposed-form {/* overflow: hidden; -> cuts off dropdowns *//* & .form-item */ } .view-store-locator form .views-exposed-form #edit-distance-wrapper, .view-stores form .views-exposed-form #edit-distance-wrapper { } @media (max-width: 979px) { .view-store-locator form .views-exposed-form #edit-distance-wrapper, .view-stores form .views-exposed-form #edit-distance-wrapper { width: 100%; } } .view-store-locator form .views-exposed-form .form-item, .view-stores form .views-exposed-form .form-item { margin-bottom: 15px;/* overwrite stylish-select dropdowns: change height: */ } @media (max-width: 979px) { .view-store-locator form .views-exposed-form .form-item, .view-stores form .views-exposed-form .form-item { width: 100%; } } .view-store-locator form .views-exposed-form .form-item label, .view-stores form .views-exposed-form .form-item label { display: inline-block; width: 29%; margin-right: 5%; } @media (max-width: 568px) { .view-store-locator form .views-exposed-form .form-item label, .view-stores form .views-exposed-form .form-item label { clear: both; width: 100%; margin-right: 0; } } .view-store-locator form .views-exposed-form .form-item label.error, .view-stores form .views-exposed-form .form-item label.error { display: none !important; } .view-store-locator form .views-exposed-form .form-item input, .view-store-locator form .views-exposed-form .form-item select, .view-store-locator form .views-exposed-form .form-item .newListSelected, .view-stores form .views-exposed-form .form-item input, .view-stores form .views-exposed-form .form-item select, .view-stores form .views-exposed-form .form-item .newListSelected { width: 65%; } @media (max-width: 568px) { .view-store-locator form .views-exposed-form .form-item input, .view-store-locator form .views-exposed-form .form-item select, .view-store-locator form .views-exposed-form .form-item .newListSelected, .view-stores form .views-exposed-form .form-item input, .view-stores form .views-exposed-form .form-item select, .view-stores form .views-exposed-form .form-item .newListSelected { width: 100%; } } .view-store-locator form .views-exposed-form .form-item .newListSelected .selectedTxt, .view-stores form .views-exposed-form .form-item .newListSelected .selectedTxt { padding: 6px 35px 6px 15px; } .view-store-locator form .views-exposed-form .form-item .newListSelected .SSContainerDivWrapper, .view-stores form .views-exposed-form .form-item .newListSelected .SSContainerDivWrapper { top: 38px !important; } .view-store-locator form .views-exposed-form .views-widget-filter-distance, .view-stores form .views-exposed-form .views-widget-filter-distance { margin-right: 3em; } @media (max-width: 979px) { .view-store-locator form .views-exposed-form .views-widget-filter-distance, .view-stores form .views-exposed-form .views-widget-filter-distance { margin-right: 0; padding-right: 0; } } .view-store-locator form .views-exposed-form .views-widget-filter-field_open_on_sunday_value, .view-stores form .views-exposed-form .views-widget-filter-field_open_on_sunday_value { width: 450px; max-width: 100%; padding-right: 0;/* overwrite stylish-select dropdowns: change height: */ } .view-store-locator form .views-exposed-form .views-widget-filter-field_open_on_sunday_value:after, .view-stores form .views-exposed-form .views-widget-filter-field_open_on_sunday_value:after { content: ''; display: block; clear: both; } @media (max-width: 979px) { .view-store-locator form .views-exposed-form .views-widget-filter-field_open_on_sunday_value, .view-stores form .views-exposed-form .views-widget-filter-field_open_on_sunday_value { width: 100%; } } .view-store-locator form .views-exposed-form .views-widget-filter-field_open_on_sunday_value label, .view-stores form .views-exposed-form .views-widget-filter-field_open_on_sunday_value label { float: left; display: inline-block; width: 29%; margin-right: 5%; margin-top: 7px; font-weight: normal; } @media (max-width: 568px) { .view-store-locator form .views-exposed-form .views-widget-filter-field_open_on_sunday_value label, .view-stores form .views-exposed-form .views-widget-filter-field_open_on_sunday_value label { clear: both; width: 100%; margin-right: 0; margin-top: 0; } } .view-store-locator form .views-exposed-form .views-widget-filter-field_open_on_sunday_value label.error, .view-stores form .views-exposed-form .views-widget-filter-field_open_on_sunday_value label.error { display: none !important; } .view-store-locator form .views-exposed-form .views-widget-filter-field_open_on_sunday_value .views-widget, .view-stores form .views-exposed-form .views-widget-filter-field_open_on_sunday_value .views-widget { float: right; width: 65%; } @media (max-width: 568px) { .view-store-locator form .views-exposed-form .views-widget-filter-field_open_on_sunday_value .views-widget, .view-stores form .views-exposed-form .views-widget-filter-field_open_on_sunday_value .views-widget { width: 100%; } } .view-store-locator form .views-exposed-form .views-widget-filter-field_open_on_sunday_value .newListSelected, .view-stores form .views-exposed-form .views-widget-filter-field_open_on_sunday_value .newListSelected { width: 100%; } .view-store-locator form .views-exposed-form .views-widget-filter-field_open_on_sunday_value .newListSelected .selectedTxt, .view-stores form .views-exposed-form .views-widget-filter-field_open_on_sunday_value .newListSelected .selectedTxt { padding: 6px 35px 6px 15px; } .view-store-locator form .views-exposed-form .views-widget-filter-field_open_on_sunday_value .newListSelected .SSContainerDivWrapper, .view-stores form .views-exposed-form .views-widget-filter-field_open_on_sunday_value .newListSelected .SSContainerDivWrapper { top: 38px !important; } .view-store-locator form .views-exposed-form .views-widget-filter-field_open_on_sunday_value .newListSelected .SSContainerDivWrapper ul.newList li:first-child, .view-stores form .views-exposed-form .views-widget-filter-field_open_on_sunday_value .newListSelected .SSContainerDivWrapper ul.newList li:first-child { display: block; } .view-store-locator form .views-exposed-form .form-item-distance-search-units, .view-stores form .views-exposed-form .form-item-distance-search-units { } .view-store-locator form .views-exposed-form .form-item-distance-search-units .newListSelected, .view-stores form .views-exposed-form .form-item-distance-search-units .newListSelected { float: right; margin-right: 1px; margin-bottom: 10px; } .view-store-locator form .views-exposed-form #checkboxes-wrapper, .view-stores form .views-exposed-form #checkboxes-wrapper { margin-left: 2.5%; margin-top: 6px; } @media (max-width: 979px) { .view-store-locator form .views-exposed-form #checkboxes-wrapper, .view-stores form .views-exposed-form #checkboxes-wrapper { clear: both; width: 100%; margin-left: 0; margin-top: 0; padding-top: 0; } } .view-store-locator form .views-exposed-form #checkboxes-wrapper .form-item, .view-stores form .views-exposed-form #checkboxes-wrapper .form-item { width: auto; } .view-store-locator form .views-exposed-form #checkboxes-wrapper label, .view-stores form .views-exposed-form #checkboxes-wrapper label { width: 100%; margin-right: 0; } @media (max-width: 979px) { .view-store-locator form .views-exposed-form #checkboxes-wrapper label, .view-stores form .views-exposed-form #checkboxes-wrapper label { margin-left: 36%; } } .view-store-locator form .views-exposed-form .views-submit-button, .view-stores form .views-exposed-form .views-submit-button { clear: both; width: 450px; max-width: 100%; padding: 0; } @media (max-width: 979px) { .view-store-locator form .views-exposed-form .views-submit-button, .view-stores form .views-exposed-form .views-submit-button { width: 100%; } } .view-store-locator form .views-exposed-form .views-submit-button input, .view-stores form .views-exposed-form .views-submit-button input { display: inline-block; cursor: pointer; padding: 6px 12px; border: 0px; color: #ffffff; font-size: 21px; font-size: 2.1rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; text-transform: uppercase; transition: all 0.3s; background-color: #df9c5b; border: none; margin-top: 0; margin-left: 34.5%; } .view-store-locator form .views-exposed-form .views-submit-button input:hover, .view-stores form .views-exposed-form .views-submit-button input:hover { background-color: #eab078; } @media (max-width: 568px) { .view-store-locator form .views-exposed-form .views-submit-button input, .view-stores form .views-exposed-form .views-submit-button input { margin-left: 0; } } .view-store-locator form .views-exposed-form .ajax-progress-throbber, .view-stores form .views-exposed-form .ajax-progress-throbber { margin-left: 5px; position: relative; top: 4px; } .view-store-locator form .views-exposed-form .ajax-progress-throbber .throbber, .view-stores form .views-exposed-form .ajax-progress-throbber .throbber { background: transparent url('/sites/all/themes/veritas2017/images/distribution/icon__loader.svg') no-repeat center center; float: left; height: 20px; margin: 2px; width: 20px; background-size: 20px 20px; animation: animationRotate 3s ease; } .view-store-locator .view-store-locator .view-content, .view-stores .view-store-locator .view-content { width: 100%; max-width: 100%; } .view-store-locator .view-content, .view-stores .view-content { width: 1230px; max-width: 90%; margin-left: auto; margin-right: auto; } .view-store-locator .view-content:after, .view-stores .view-content:after { content: ''; display: block; clear: both; } .view-store-locator .views-row, .view-stores .views-row { float: left; width: 25%; padding-top: 30px; padding-bottom: 30px; padding-right: 30px; border-top: 1px dashed #363a3b; } @media (max-width: 979px) { .view-store-locator .views-row, .view-stores .views-row { width: 33%; } } @media (max-width: 768px) { .view-store-locator .views-row, .view-stores .views-row { width: 50%; } } @media (max-width: 568px) { .view-store-locator .views-row, .view-stores .views-row { clear: both; width: 100%; padding-right: 0; } } .view-store-locator .views-row:nth-child(1), .view-store-locator .views-row:nth-child(2), .view-store-locator .views-row:nth-child(3), .view-store-locator .views-row:nth-child(4), .view-stores .views-row:nth-child(1), .view-stores .views-row:nth-child(2), .view-stores .views-row:nth-child(3), .view-stores .views-row:nth-child(4) { border-top: none; } .view-store-locator .views-row:nth-child(4), .view-stores .views-row:nth-child(4) { } @media (max-width: 979px) { .view-store-locator .views-row:nth-child(4), .view-stores .views-row:nth-child(4) { border-top: 1px dashed #363a3b; } } .view-store-locator .views-row:nth-child(3), .view-stores .views-row:nth-child(3) { } @media (max-width: 768px) { .view-store-locator .views-row:nth-child(3), .view-stores .views-row:nth-child(3) { border-top: 1px dashed #363a3b; } } .view-store-locator .views-row:nth-child(2), .view-stores .views-row:nth-child(2) { } @media (max-width: 568px) { .view-store-locator .views-row:nth-child(2), .view-stores .views-row:nth-child(2) { border-top: 1px dashed #363a3b; } } .view-store-locator .views-row:nth-child(4n+5), .view-stores .views-row:nth-child(4n+5) { clear: both; } @media (max-width: 979px) { .view-store-locator .views-row:nth-child(4n+5), .view-stores .views-row:nth-child(4n+5) { clear: none; } } .view-store-locator .views-row:nth-child(3n+4), .view-stores .views-row:nth-child(3n+4) { } @media (max-width: 979px) { .view-store-locator .views-row:nth-child(3n+4), .view-stores .views-row:nth-child(3n+4) { clear: both; } } @media (max-width: 768px) { .view-store-locator .views-row:nth-child(3n+4), .view-stores .views-row:nth-child(3n+4) { clear: none; } } .view-store-locator .views-row:nth-child(2n+3), .view-stores .views-row:nth-child(2n+3) { } @media (max-width: 768px) { .view-store-locator .views-row:nth-child(2n+3), .view-stores .views-row:nth-child(2n+3) { clear: both; } } .view-store-locator .field-name-title, .view-stores .field-name-title { } .view-store-locator .field-name-title h2, .view-stores .field-name-title h2 { margin: 5px 0 0 0; font-size: 20px; font-size: 2rem; } .view-store-locator .vse-store-location, .view-stores .vse-store-location { color: #dc934e; } .view-store-locator .vse-store-location abbr, .view-stores .vse-store-location abbr { text-decoration: none; border-bottom: 0; } .view-store-locator .vse-store-location a, .view-stores .vse-store-location a { color: #dc934e; } .view-store-locator .vse-store-location .locality, .view-stores .vse-store-location .locality { margin-left: 4px; } .view-store-locator .vse-store-location .tel .value, .view-stores .vse-store-location .tel .value { margin-left: 4px; } .view-store-locator .field-name-body, .view-stores .field-name-body { } .view-store-locator .field-name-body p, .view-stores .field-name-body p { margin: 0; } .view-store-locator .vc-get-directions, .view-stores .vc-get-directions { } .view-store-locator .vc-get-directions a, .view-stores .vc-get-directions a { position: relative; padding-left: 20px; color: #dc934e; } .view-store-locator .vc-get-directions a:before, .view-stores .vc-get-directions a:before { content: ''; width: 20px; height: 20px; position: absolute; top: 0; left: 0; background: url('/sites/all/themes/veritas2017/images/distribution/icons/icon__marker.svg') no-repeat left center; background-size: 14px 14px; } /*! -------------------------------------------------- * * TABLE OF CONTENTS * * social * * -------------------------------------------------- */ /*! -------------------------------------------------- #social -------------------------------------------------- */ .group-back-btn-and-breadcrumbs .social-media-share-links-wrapper { display: none; } .social-media-share-links-wrapper { float: right; width: auto } .social-media-share-links-wrapper .social-media-share-links-title { float: right; width: 18px; height: 18px; cursor: pointer; } .social-media-share-links-wrapper .social-media-share-links-title:before { content: ''; display: inline-block; width: 18px; height: 18px; background: url('/sites/all/themes/veritas2017/images/distribution/icons/icon__social.svg') no-repeat center center; background-size: 16px 16px; transition: opacity 0.2s; } .social-media-share-links-wrapper .social-media-share-links-title:hover:before { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)"; opacity: 0.35; } .social-media-share-links-wrapper .social-media-share-links-title span { display: inline-block; text-indent: -9999em; } .social-media-share-links-wrapper .social-media-share-links-love { margin-top: -1px; margin-right: 5px; margin-left: 19px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; transition: opacity 0.3s; } .social-media-share-links-wrapper .social-media-share-links-love span { display: inline-block; font-family: 'fjalla', Arial, Helvetica, sans-serif; font-size: 18px; font-size: 1.8rem; text-transform: uppercase; } .social-media-share-links-wrapper .item-list { position: absolute; z-index: 25; top: 1px; right: 30px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; visibility: hidden; transition: opacity 0.25s; } .social-media-share-links-wrapper .item-list ul { margin: 0; padding: 0; } .social-media-share-links-wrapper .item-list ul li { margin: 0; padding: 0; list-style-type: none; list-style-image: none; } .social-media-share-links-wrapper .item-list ul li { float: left; margin-left: 6px; } .social-media-share-links-wrapper .item-list ul li:nth-child(2) { margin-left: 3px; } .social-media-share-links-wrapper .item-list ul li:nth-child(4) { margin-left: 4px; } .social-media-share-links-wrapper .item-list ul li a { display: inline-block; width: 21px; height: 18px; text-indent: -9999em; } .social-media-share-links-wrapper .item-list ul li a.share-link-facebook { background: url('/sites/all/themes/veritas2017/images/distribution/icons/social/icon__facebook.svg') no-repeat center center; background-size: 18px 18px; } .social-media-share-links-wrapper .item-list ul li a.share-link-twitter { background: url('/sites/all/themes/veritas2017/images/distribution/icons/social/icon__twitter.svg') no-repeat center center; background-size: 15px 15px; } .social-media-share-links-wrapper .item-list ul li a.share-link-googleplus { background: url('/sites/all/themes/veritas2017/images/distribution/icons/social/icon__googleplus.svg') no-repeat center center; background-size: 19px 19px; } .social-media-share-links-wrapper .item-list ul li a.share-link-linkedin { background: url('/sites/all/themes/veritas2017/images/distribution/icons/social/icon__linkedin.svg') no-repeat center center; background-size: 14px 14px; } .social-media-share-links-wrapper .item-list ul li a.share-link-email { background: url('/sites/all/themes/veritas2017/images/distribution/icons/social/icon__mail.svg') no-repeat center center; background-size: 17px 17px; } .social-media-share-links-wrapper.js-social-active { width: 170px; } .social-media-share-links-wrapper.js-social-active .social-media-share-links-title:before { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)"; opacity: 0.35; } .social-media-share-links-wrapper.js-social-active .social-media-share-links-love { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; } .social-media-share-links-wrapper.js-social-active .item-list { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; visibility: visible; } .touch { } .touch .social-media-share-links-wrapper { } .touch .social-media-share-links-wrapper .social-media-share-links-title { display: none; } .touch .social-media-share-links-wrapper .item-list { right: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; visibility: visible; } .touch .node-2017-blog-post .social-media-share-links-wrapper .social-media-share-links-love { display: none !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; } .node-2017-blog-post { } .node-2017-blog-post .group-main-content .social-media-share-links-wrapper { position: relative; min-width: 170px; margin-top: 20px; margin-bottom: 30px; } .node-2017-blog-post .social-media-share-links-love { display: inline-block !important; } .node-2017-blog-post .social-media-share-links-wrapper .social-media-share-links-title { width: 20px; height: 20px; } .node-2017-blog-post .social-media-share-links-wrapper .social-media-share-links-title:before { width: 20px; height: 20px; background-size: 20px 20px; } .node-2017-blog-post .field-name-field-2017-blog-tags { padding-right: 200px; } @media (max-width: 568px) { .node-2017-blog-post .field-name-field-2017-blog-tags { padding-right: 190px; } } .node-2017-blog-post .field-name-field-2017-blog-tags + .social-media-share-links-wrapper { margin-top: -30px; } /*! -------------------------------------------------- Flag icon -------------------------------------------------- */ .flag-icon-background { background-size: contain; background-position: 50%; background-repeat: no-repeat; } .flag-icon { padding-left: 27px; background-size: contain; background-position: 0 center; background-repeat: no-repeat; position: relative; display: inline-block; /*width: 1.33333333em;*/ line-height: 1em; } .flag-icon:before { content: "\00a0"; } .flag-icon.flag-icon-squared { width: 1em; } .flag-icon-ad { background-image: url(../images/distribution/flags/4x3/ad.svg); } .flag-icon-ad.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/ad.svg); } .flag-icon-ae { background-image: url(../images/distribution/flags/4x3/ae.svg); } .flag-icon-ae.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/ae.svg); } .flag-icon-af { background-image: url(../images/distribution/flags/4x3/af.svg); } .flag-icon-af.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/af.svg); } .flag-icon-ag { background-image: url(../images/distribution/flags/4x3/ag.svg); } .flag-icon-ag.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/ag.svg); } .flag-icon-ai { background-image: url(../images/distribution/flags/4x3/ai.svg); } .flag-icon-ai.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/ai.svg); } .flag-icon-al { background-image: url(../images/distribution/flags/4x3/al.svg); } .flag-icon-al.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/al.svg); } .flag-icon-am { background-image: url(../images/distribution/flags/4x3/am.svg); } .flag-icon-am.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/am.svg); } .flag-icon-ao { background-image: url(../images/distribution/flags/4x3/ao.svg); } .flag-icon-ao.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/ao.svg); } .flag-icon-aq { background-image: url(../images/distribution/flags/4x3/aq.svg); } .flag-icon-aq.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/aq.svg); } .flag-icon-ar { background-image: url(../images/distribution/flags/4x3/ar.svg); } .flag-icon-ar.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/ar.svg); } .flag-icon-as { background-image: url(../images/distribution/flags/4x3/as.svg); } .flag-icon-as.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/as.svg); } .flag-icon-at { background-image: url(../images/distribution/flags/4x3/at.svg); } .flag-icon-at.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/at.svg); } .flag-icon-au { background-image: url(../images/distribution/flags/4x3/au.svg); } .flag-icon-au.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/au.svg); } .flag-icon-aw { background-image: url(../images/distribution/flags/4x3/aw.svg); } .flag-icon-aw.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/aw.svg); } .flag-icon-ax { background-image: url(../images/distribution/flags/4x3/ax.svg); } .flag-icon-ax.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/ax.svg); } .flag-icon-az { background-image: url(../images/distribution/flags/4x3/az.svg); } .flag-icon-az.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/az.svg); } .flag-icon-ba { background-image: url(../images/distribution/flags/4x3/ba.svg); } .flag-icon-ba.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/ba.svg); } .flag-icon-bb { background-image: url(../images/distribution/flags/4x3/bb.svg); } .flag-icon-bb.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/bb.svg); } .flag-icon-bd { background-image: url(../images/distribution/flags/4x3/bd.svg); } .flag-icon-bd.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/bd.svg); } .flag-icon-be { background-image: url(../images/distribution/flags/4x3/be.svg); } .flag-icon-be.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/be.svg); } .flag-icon-bf { background-image: url(../images/distribution/flags/4x3/bf.svg); } .flag-icon-bf.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/bf.svg); } .flag-icon-bg { background-image: url(../images/distribution/flags/4x3/bg.svg); } .flag-icon-bg.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/bg.svg); } .flag-icon-bh { background-image: url(../images/distribution/flags/4x3/bh.svg); } .flag-icon-bh.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/bh.svg); } .flag-icon-bi { background-image: url(../images/distribution/flags/4x3/bi.svg); } .flag-icon-bi.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/bi.svg); } .flag-icon-bj { background-image: url(../images/distribution/flags/4x3/bj.svg); } .flag-icon-bj.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/bj.svg); } .flag-icon-bl { background-image: url(../images/distribution/flags/4x3/bl.svg); } .flag-icon-bl.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/bl.svg); } .flag-icon-bm { background-image: url(../images/distribution/flags/4x3/bm.svg); } .flag-icon-bm.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/bm.svg); } .flag-icon-bn { background-image: url(../images/distribution/flags/4x3/bn.svg); } .flag-icon-bn.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/bn.svg); } .flag-icon-bo { background-image: url(../images/distribution/flags/4x3/bo.svg); } .flag-icon-bo.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/bo.svg); } .flag-icon-bq { background-image: url(../images/distribution/flags/4x3/bq.svg); } .flag-icon-bq.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/bq.svg); } .flag-icon-br { background-image: url(../images/distribution/flags/4x3/br.svg); } .flag-icon-br.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/br.svg); } .flag-icon-bs { background-image: url(../images/distribution/flags/4x3/bs.svg); } .flag-icon-bs.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/bs.svg); } .flag-icon-bt { background-image: url(../images/distribution/flags/4x3/bt.svg); } .flag-icon-bt.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/bt.svg); } .flag-icon-bv { background-image: url(../images/distribution/flags/4x3/bv.svg); } .flag-icon-bv.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/bv.svg); } .flag-icon-bw { background-image: url(../images/distribution/flags/4x3/bw.svg); } .flag-icon-bw.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/bw.svg); } .flag-icon-by { background-image: url(../images/distribution/flags/4x3/by.svg); } .flag-icon-by.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/by.svg); } .flag-icon-bz { background-image: url(../images/distribution/flags/4x3/bz.svg); } .flag-icon-bz.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/bz.svg); } .flag-icon-ca { background-image: url(../images/distribution/flags/4x3/ca.svg); } .flag-icon-ca.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/ca.svg); } .flag-icon-cc { background-image: url(../images/distribution/flags/4x3/cc.svg); } .flag-icon-cc.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/cc.svg); } .flag-icon-cd { background-image: url(../images/distribution/flags/4x3/cd.svg); } .flag-icon-cd.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/cd.svg); } .flag-icon-cf { background-image: url(../images/distribution/flags/4x3/cf.svg); } .flag-icon-cf.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/cf.svg); } .flag-icon-cg { background-image: url(../images/distribution/flags/4x3/cg.svg); } .flag-icon-cg.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/cg.svg); } .flag-icon-ch { background-image: url(../images/distribution/flags/4x3/ch.svg); } .flag-icon-ch.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/ch.svg); } .flag-icon-ci { background-image: url(../images/distribution/flags/4x3/ci.svg); } .flag-icon-ci.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/ci.svg); } .flag-icon-ck { background-image: url(../images/distribution/flags/4x3/ck.svg); } .flag-icon-ck.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/ck.svg); } .flag-icon-cl { background-image: url(../images/distribution/flags/4x3/cl.svg); } .flag-icon-cl.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/cl.svg); } .flag-icon-cm { background-image: url(../images/distribution/flags/4x3/cm.svg); } .flag-icon-cm.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/cm.svg); } .flag-icon-cn { background-image: url(../images/distribution/flags/4x3/cn.svg); } .flag-icon-cn.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/cn.svg); } .flag-icon-co { background-image: url(../images/distribution/flags/4x3/co.svg); } .flag-icon-co.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/co.svg); } .flag-icon-cr { background-image: url(../images/distribution/flags/4x3/cr.svg); } .flag-icon-cr.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/cr.svg); } .flag-icon-cu { background-image: url(../images/distribution/flags/4x3/cu.svg); } .flag-icon-cu.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/cu.svg); } .flag-icon-cv { background-image: url(../images/distribution/flags/4x3/cv.svg); } .flag-icon-cv.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/cv.svg); } .flag-icon-cw { background-image: url(../images/distribution/flags/4x3/cw.svg); } .flag-icon-cw.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/cw.svg); } .flag-icon-cx { background-image: url(../images/distribution/flags/4x3/cx.svg); } .flag-icon-cx.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/cx.svg); } .flag-icon-cy { background-image: url(../images/distribution/flags/4x3/cy.svg); } .flag-icon-cy.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/cy.svg); } .flag-icon-cz { background-image: url(../images/distribution/flags/4x3/cz.svg); } .flag-icon-cz.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/cz.svg); } .flag-icon-de { background-image: url(../images/distribution/flags/4x3/de.svg); } .flag-icon-de.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/de.svg); } .flag-icon-dj { background-image: url(../images/distribution/flags/4x3/dj.svg); } .flag-icon-dj.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/dj.svg); } .flag-icon-dk { background-image: url(../images/distribution/flags/4x3/dk.svg); } .flag-icon-dk.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/dk.svg); } .flag-icon-dm { background-image: url(../images/distribution/flags/4x3/dm.svg); } .flag-icon-dm.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/dm.svg); } .flag-icon-do { background-image: url(../images/distribution/flags/4x3/do.svg); } .flag-icon-do.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/do.svg); } .flag-icon-dz { background-image: url(../images/distribution/flags/4x3/dz.svg); } .flag-icon-dz.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/dz.svg); } .flag-icon-ec { background-image: url(../images/distribution/flags/4x3/ec.svg); } .flag-icon-ec.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/ec.svg); } .flag-icon-ee { background-image: url(../images/distribution/flags/4x3/ee.svg); } .flag-icon-ee.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/ee.svg); } .flag-icon-eg { background-image: url(../images/distribution/flags/4x3/eg.svg); } .flag-icon-eg.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/eg.svg); } .flag-icon-eh { background-image: url(../images/distribution/flags/4x3/eh.svg); } .flag-icon-eh.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/eh.svg); } .flag-icon-er { background-image: url(../images/distribution/flags/4x3/er.svg); } .flag-icon-er.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/er.svg); } .flag-icon-es { background-image: url(../images/distribution/flags/4x3/es.svg); } .flag-icon-es.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/es.svg); } .flag-icon-et { background-image: url(../images/distribution/flags/4x3/et.svg); } .flag-icon-et.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/et.svg); } .flag-icon-fi { background-image: url(../images/distribution/flags/4x3/fi.svg); } .flag-icon-fi.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/fi.svg); } .flag-icon-fj { background-image: url(../images/distribution/flags/4x3/fj.svg); } .flag-icon-fj.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/fj.svg); } .flag-icon-fk { background-image: url(../images/distribution/flags/4x3/fk.svg); } .flag-icon-fk.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/fk.svg); } .flag-icon-fm { background-image: url(../images/distribution/flags/4x3/fm.svg); } .flag-icon-fm.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/fm.svg); } .flag-icon-fo { background-image: url(../images/distribution/flags/4x3/fo.svg); } .flag-icon-fo.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/fo.svg); } .flag-icon-fr { background-image: url(../images/distribution/flags/4x3/fr.svg); } .flag-icon-fr.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/fr.svg); } .flag-icon-ga { background-image: url(../images/distribution/flags/4x3/ga.svg); } .flag-icon-ga.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/ga.svg); } .flag-icon-gb { background-image: url(../images/distribution/flags/4x3/gb.svg); } .flag-icon-gb.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/gb.svg); } .flag-icon-gd { background-image: url(../images/distribution/flags/4x3/gd.svg); } .flag-icon-gd.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/gd.svg); } .flag-icon-ge { background-image: url(../images/distribution/flags/4x3/ge.svg); } .flag-icon-ge.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/ge.svg); } .flag-icon-gf { background-image: url(../images/distribution/flags/4x3/gf.svg); } .flag-icon-gf.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/gf.svg); } .flag-icon-gg { background-image: url(../images/distribution/flags/4x3/gg.svg); } .flag-icon-gg.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/gg.svg); } .flag-icon-gh { background-image: url(../images/distribution/flags/4x3/gh.svg); } .flag-icon-gh.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/gh.svg); } .flag-icon-gi { background-image: url(../images/distribution/flags/4x3/gi.svg); } .flag-icon-gi.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/gi.svg); } .flag-icon-gl { background-image: url(../images/distribution/flags/4x3/gl.svg); } .flag-icon-gl.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/gl.svg); } .flag-icon-gm { background-image: url(../images/distribution/flags/4x3/gm.svg); } .flag-icon-gm.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/gm.svg); } .flag-icon-gn { background-image: url(../images/distribution/flags/4x3/gn.svg); } .flag-icon-gn.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/gn.svg); } .flag-icon-gp { background-image: url(../images/distribution/flags/4x3/gp.svg); } .flag-icon-gp.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/gp.svg); } .flag-icon-gq { background-image: url(../images/distribution/flags/4x3/gq.svg); } .flag-icon-gq.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/gq.svg); } .flag-icon-gr { background-image: url(../images/distribution/flags/4x3/gr.svg); } .flag-icon-gr.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/gr.svg); } .flag-icon-gs { background-image: url(../images/distribution/flags/4x3/gs.svg); } .flag-icon-gs.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/gs.svg); } .flag-icon-gt { background-image: url(../images/distribution/flags/4x3/gt.svg); } .flag-icon-gt.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/gt.svg); } .flag-icon-gu { background-image: url(../images/distribution/flags/4x3/gu.svg); } .flag-icon-gu.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/gu.svg); } .flag-icon-gw { background-image: url(../images/distribution/flags/4x3/gw.svg); } .flag-icon-gw.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/gw.svg); } .flag-icon-gy { background-image: url(../images/distribution/flags/4x3/gy.svg); } .flag-icon-gy.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/gy.svg); } .flag-icon-hk { background-image: url(../images/distribution/flags/4x3/hk.svg); } .flag-icon-hk.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/hk.svg); } .flag-icon-hm { background-image: url(../images/distribution/flags/4x3/hm.svg); } .flag-icon-hm.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/hm.svg); } .flag-icon-hn { background-image: url(../images/distribution/flags/4x3/hn.svg); } .flag-icon-hn.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/hn.svg); } .flag-icon-hr { background-image: url(../images/distribution/flags/4x3/hr.svg); } .flag-icon-hr.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/hr.svg); } .flag-icon-ht { background-image: url(../images/distribution/flags/4x3/ht.svg); } .flag-icon-ht.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/ht.svg); } .flag-icon-hu { background-image: url(../images/distribution/flags/4x3/hu.svg); } .flag-icon-hu.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/hu.svg); } .flag-icon-id { background-image: url(../images/distribution/flags/4x3/id.svg); } .flag-icon-id.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/id.svg); } .flag-icon-ie { background-image: url(../images/distribution/flags/4x3/ie.svg); } .flag-icon-ie.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/ie.svg); } .flag-icon-il { background-image: url(../images/distribution/flags/4x3/il.svg); } .flag-icon-il.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/il.svg); } .flag-icon-im { background-image: url(../images/distribution/flags/4x3/im.svg); } .flag-icon-im.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/im.svg); } .flag-icon-in { background-image: url(../images/distribution/flags/4x3/in.svg); } .flag-icon-in.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/in.svg); } .flag-icon-io { background-image: url(../images/distribution/flags/4x3/io.svg); } .flag-icon-io.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/io.svg); } .flag-icon-iq { background-image: url(../images/distribution/flags/4x3/iq.svg); } .flag-icon-iq.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/iq.svg); } .flag-icon-ir { background-image: url(../images/distribution/flags/4x3/ir.svg); } .flag-icon-ir.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/ir.svg); } .flag-icon-is { background-image: url(../images/distribution/flags/4x3/is.svg); } .flag-icon-is.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/is.svg); } .flag-icon-it { background-image: url(../images/distribution/flags/4x3/it.svg); } .flag-icon-it.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/it.svg); } .flag-icon-je { background-image: url(../images/distribution/flags/4x3/je.svg); } .flag-icon-je.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/je.svg); } .flag-icon-jm { background-image: url(../images/distribution/flags/4x3/jm.svg); } .flag-icon-jm.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/jm.svg); } .flag-icon-jo { background-image: url(../images/distribution/flags/4x3/jo.svg); } .flag-icon-jo.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/jo.svg); } .flag-icon-jp { background-image: url(../images/distribution/flags/4x3/jp.svg); } .flag-icon-jp.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/jp.svg); } .flag-icon-ke { background-image: url(../images/distribution/flags/4x3/ke.svg); } .flag-icon-ke.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/ke.svg); } .flag-icon-kg { background-image: url(../images/distribution/flags/4x3/kg.svg); } .flag-icon-kg.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/kg.svg); } .flag-icon-kh { background-image: url(../images/distribution/flags/4x3/kh.svg); } .flag-icon-kh.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/kh.svg); } .flag-icon-ki { background-image: url(../images/distribution/flags/4x3/ki.svg); } .flag-icon-ki.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/ki.svg); } .flag-icon-km { background-image: url(../images/distribution/flags/4x3/km.svg); } .flag-icon-km.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/km.svg); } .flag-icon-kn { background-image: url(../images/distribution/flags/4x3/kn.svg); } .flag-icon-kn.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/kn.svg); } .flag-icon-kp { background-image: url(../images/distribution/flags/4x3/kp.svg); } .flag-icon-kp.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/kp.svg); } .flag-icon-kr { background-image: url(../images/distribution/flags/4x3/kr.svg); } .flag-icon-kr.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/kr.svg); } .flag-icon-kw { background-image: url(../images/distribution/flags/4x3/kw.svg); } .flag-icon-kw.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/kw.svg); } .flag-icon-ky { background-image: url(../images/distribution/flags/4x3/ky.svg); } .flag-icon-ky.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/ky.svg); } .flag-icon-kz { background-image: url(../images/distribution/flags/4x3/kz.svg); } .flag-icon-kz.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/kz.svg); } .flag-icon-la { background-image: url(../images/distribution/flags/4x3/la.svg); } .flag-icon-la.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/la.svg); } .flag-icon-lb { background-image: url(../images/distribution/flags/4x3/lb.svg); } .flag-icon-lb.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/lb.svg); } .flag-icon-lc { background-image: url(../images/distribution/flags/4x3/lc.svg); } .flag-icon-lc.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/lc.svg); } .flag-icon-li { background-image: url(../images/distribution/flags/4x3/li.svg); } .flag-icon-li.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/li.svg); } .flag-icon-lk { background-image: url(../images/distribution/flags/4x3/lk.svg); } .flag-icon-lk.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/lk.svg); } .flag-icon-lr { background-image: url(../images/distribution/flags/4x3/lr.svg); } .flag-icon-lr.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/lr.svg); } .flag-icon-ls { background-image: url(../images/distribution/flags/4x3/ls.svg); } .flag-icon-ls.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/ls.svg); } .flag-icon-lt { background-image: url(../images/distribution/flags/4x3/lt.svg); } .flag-icon-lt.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/lt.svg); } .flag-icon-lu { background-image: url(../images/distribution/flags/4x3/lu.svg); } .flag-icon-lu.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/lu.svg); } .flag-icon-lv { background-image: url(../images/distribution/flags/4x3/lv.svg); } .flag-icon-lv.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/lv.svg); } .flag-icon-ly { background-image: url(../images/distribution/flags/4x3/ly.svg); } .flag-icon-ly.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/ly.svg); } .flag-icon-ma { background-image: url(../images/distribution/flags/4x3/ma.svg); } .flag-icon-ma.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/ma.svg); } .flag-icon-mc { background-image: url(../images/distribution/flags/4x3/mc.svg); } .flag-icon-mc.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/mc.svg); } .flag-icon-md { background-image: url(../images/distribution/flags/4x3/md.svg); } .flag-icon-md.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/md.svg); } .flag-icon-me { background-image: url(../images/distribution/flags/4x3/me.svg); } .flag-icon-me.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/me.svg); } .flag-icon-mf { background-image: url(../images/distribution/flags/4x3/mf.svg); } .flag-icon-mf.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/mf.svg); } .flag-icon-mg { background-image: url(../images/distribution/flags/4x3/mg.svg); } .flag-icon-mg.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/mg.svg); } .flag-icon-mh { background-image: url(../images/distribution/flags/4x3/mh.svg); } .flag-icon-mh.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/mh.svg); } .flag-icon-mk { background-image: url(../images/distribution/flags/4x3/mk.svg); } .flag-icon-mk.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/mk.svg); } .flag-icon-ml { background-image: url(../images/distribution/flags/4x3/ml.svg); } .flag-icon-ml.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/ml.svg); } .flag-icon-mm { background-image: url(../images/distribution/flags/4x3/mm.svg); } .flag-icon-mm.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/mm.svg); } .flag-icon-mn { background-image: url(../images/distribution/flags/4x3/mn.svg); } .flag-icon-mn.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/mn.svg); } .flag-icon-mo { background-image: url(../images/distribution/flags/4x3/mo.svg); } .flag-icon-mo.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/mo.svg); } .flag-icon-mp { background-image: url(../images/distribution/flags/4x3/mp.svg); } .flag-icon-mp.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/mp.svg); } .flag-icon-mq { background-image: url(../images/distribution/flags/4x3/mq.svg); } .flag-icon-mq.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/mq.svg); } .flag-icon-mr { background-image: url(../images/distribution/flags/4x3/mr.svg); } .flag-icon-mr.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/mr.svg); } .flag-icon-ms { background-image: url(../images/distribution/flags/4x3/ms.svg); } .flag-icon-ms.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/ms.svg); } .flag-icon-mt { background-image: url(../images/distribution/flags/4x3/mt.svg); } .flag-icon-mt.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/mt.svg); } .flag-icon-mu { background-image: url(../images/distribution/flags/4x3/mu.svg); } .flag-icon-mu.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/mu.svg); } .flag-icon-mv { background-image: url(../images/distribution/flags/4x3/mv.svg); } .flag-icon-mv.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/mv.svg); } .flag-icon-mw { background-image: url(../images/distribution/flags/4x3/mw.svg); } .flag-icon-mw.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/mw.svg); } .flag-icon-mx { background-image: url(../images/distribution/flags/4x3/mx.svg); } .flag-icon-mx.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/mx.svg); } .flag-icon-my { background-image: url(../images/distribution/flags/4x3/my.svg); } .flag-icon-my.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/my.svg); } .flag-icon-mz { background-image: url(../images/distribution/flags/4x3/mz.svg); } .flag-icon-mz.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/mz.svg); } .flag-icon-na { background-image: url(../images/distribution/flags/4x3/na.svg); } .flag-icon-na.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/na.svg); } .flag-icon-nc { background-image: url(../images/distribution/flags/4x3/nc.svg); } .flag-icon-nc.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/nc.svg); } .flag-icon-ne { background-image: url(../images/distribution/flags/4x3/ne.svg); } .flag-icon-ne.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/ne.svg); } .flag-icon-nf { background-image: url(../images/distribution/flags/4x3/nf.svg); } .flag-icon-nf.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/nf.svg); } .flag-icon-ng { background-image: url(../images/distribution/flags/4x3/ng.svg); } .flag-icon-ng.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/ng.svg); } .flag-icon-ni { background-image: url(../images/distribution/flags/4x3/ni.svg); } .flag-icon-ni.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/ni.svg); } .flag-icon-nl { background-image: url(../images/distribution/flags/4x3/nl.svg); } .flag-icon-nl.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/nl.svg); } .flag-icon-no { background-image: url(../images/distribution/flags/4x3/no.svg); } .flag-icon-no.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/no.svg); } .flag-icon-np { background-image: url(../images/distribution/flags/4x3/np.svg); } .flag-icon-np.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/np.svg); } .flag-icon-nr { background-image: url(../images/distribution/flags/4x3/nr.svg); } .flag-icon-nr.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/nr.svg); } .flag-icon-nu { background-image: url(../images/distribution/flags/4x3/nu.svg); } .flag-icon-nu.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/nu.svg); } .flag-icon-nz { background-image: url(../images/distribution/flags/4x3/nz.svg); } .flag-icon-nz.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/nz.svg); } .flag-icon-om { background-image: url(../images/distribution/flags/4x3/om.svg); } .flag-icon-om.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/om.svg); } .flag-icon-pa { background-image: url(../images/distribution/flags/4x3/pa.svg); } .flag-icon-pa.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/pa.svg); } .flag-icon-pe { background-image: url(../images/distribution/flags/4x3/pe.svg); } .flag-icon-pe.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/pe.svg); } .flag-icon-pf { background-image: url(../images/distribution/flags/4x3/pf.svg); } .flag-icon-pf.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/pf.svg); } .flag-icon-pg { background-image: url(../images/distribution/flags/4x3/pg.svg); } .flag-icon-pg.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/pg.svg); } .flag-icon-ph { background-image: url(../images/distribution/flags/4x3/ph.svg); } .flag-icon-ph.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/ph.svg); } .flag-icon-pk { background-image: url(../images/distribution/flags/4x3/pk.svg); } .flag-icon-pk.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/pk.svg); } .flag-icon-pl { background-image: url(../images/distribution/flags/4x3/pl.svg); } .flag-icon-pl.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/pl.svg); } .flag-icon-pm { background-image: url(../images/distribution/flags/4x3/pm.svg); } .flag-icon-pm.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/pm.svg); } .flag-icon-pn { background-image: url(../images/distribution/flags/4x3/pn.svg); } .flag-icon-pn.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/pn.svg); } .flag-icon-pr { background-image: url(../images/distribution/flags/4x3/pr.svg); } .flag-icon-pr.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/pr.svg); } .flag-icon-ps { background-image: url(../images/distribution/flags/4x3/ps.svg); } .flag-icon-ps.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/ps.svg); } .flag-icon-pt { background-image: url(../images/distribution/flags/4x3/pt.svg); } .flag-icon-pt.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/pt.svg); } .flag-icon-pw { background-image: url(../images/distribution/flags/4x3/pw.svg); } .flag-icon-pw.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/pw.svg); } .flag-icon-py { background-image: url(../images/distribution/flags/4x3/py.svg); } .flag-icon-py.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/py.svg); } .flag-icon-qa { background-image: url(../images/distribution/flags/4x3/qa.svg); } .flag-icon-qa.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/qa.svg); } .flag-icon-re { background-image: url(../images/distribution/flags/4x3/re.svg); } .flag-icon-re.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/re.svg); } .flag-icon-ro { background-image: url(../images/distribution/flags/4x3/ro.svg); } .flag-icon-ro.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/ro.svg); } .flag-icon-rs { background-image: url(../images/distribution/flags/4x3/rs.svg); } .flag-icon-rs.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/rs.svg); } .flag-icon-ru { background-image: url(../images/distribution/flags/4x3/ru.svg); } .flag-icon-ru.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/ru.svg); } .flag-icon-rw { background-image: url(../images/distribution/flags/4x3/rw.svg); } .flag-icon-rw.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/rw.svg); } .flag-icon-sa { background-image: url(../images/distribution/flags/4x3/sa.svg); } .flag-icon-sa.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/sa.svg); } .flag-icon-sb { background-image: url(../images/distribution/flags/4x3/sb.svg); } .flag-icon-sb.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/sb.svg); } .flag-icon-sc { background-image: url(../images/distribution/flags/4x3/sc.svg); } .flag-icon-sc.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/sc.svg); } .flag-icon-sd { background-image: url(../images/distribution/flags/4x3/sd.svg); } .flag-icon-sd.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/sd.svg); } .flag-icon-se { background-image: url(../images/distribution/flags/4x3/se.svg); } .flag-icon-se.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/se.svg); } .flag-icon-sg { background-image: url(../images/distribution/flags/4x3/sg.svg); } .flag-icon-sg.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/sg.svg); } .flag-icon-sh { background-image: url(../images/distribution/flags/4x3/sh.svg); } .flag-icon-sh.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/sh.svg); } .flag-icon-si { background-image: url(../images/distribution/flags/4x3/si.svg); } .flag-icon-si.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/si.svg); } .flag-icon-sj { background-image: url(../images/distribution/flags/4x3/sj.svg); } .flag-icon-sj.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/sj.svg); } .flag-icon-sk { background-image: url(../images/distribution/flags/4x3/sk.svg); } .flag-icon-sk.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/sk.svg); } .flag-icon-sl { background-image: url(../images/distribution/flags/4x3/sl.svg); } .flag-icon-sl.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/sl.svg); } .flag-icon-sm { background-image: url(../images/distribution/flags/4x3/sm.svg); } .flag-icon-sm.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/sm.svg); } .flag-icon-sn { background-image: url(../images/distribution/flags/4x3/sn.svg); } .flag-icon-sn.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/sn.svg); } .flag-icon-so { background-image: url(../images/distribution/flags/4x3/so.svg); } .flag-icon-so.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/so.svg); } .flag-icon-sr { background-image: url(../images/distribution/flags/4x3/sr.svg); } .flag-icon-sr.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/sr.svg); } .flag-icon-ss { background-image: url(../images/distribution/flags/4x3/ss.svg); } .flag-icon-ss.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/ss.svg); } .flag-icon-st { background-image: url(../images/distribution/flags/4x3/st.svg); } .flag-icon-st.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/st.svg); } .flag-icon-sv { background-image: url(../images/distribution/flags/4x3/sv.svg); } .flag-icon-sv.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/sv.svg); } .flag-icon-sx { background-image: url(../images/distribution/flags/4x3/sx.svg); } .flag-icon-sx.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/sx.svg); } .flag-icon-sy { background-image: url(../images/distribution/flags/4x3/sy.svg); } .flag-icon-sy.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/sy.svg); } .flag-icon-sz { background-image: url(../images/distribution/flags/4x3/sz.svg); } .flag-icon-sz.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/sz.svg); } .flag-icon-tc { background-image: url(../images/distribution/flags/4x3/tc.svg); } .flag-icon-tc.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/tc.svg); } .flag-icon-td { background-image: url(../images/distribution/flags/4x3/td.svg); } .flag-icon-td.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/td.svg); } .flag-icon-tf { background-image: url(../images/distribution/flags/4x3/tf.svg); } .flag-icon-tf.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/tf.svg); } .flag-icon-tg { background-image: url(../images/distribution/flags/4x3/tg.svg); } .flag-icon-tg.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/tg.svg); } .flag-icon-th { background-image: url(../images/distribution/flags/4x3/th.svg); } .flag-icon-th.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/th.svg); } .flag-icon-tj { background-image: url(../images/distribution/flags/4x3/tj.svg); } .flag-icon-tj.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/tj.svg); } .flag-icon-tk { background-image: url(../images/distribution/flags/4x3/tk.svg); } .flag-icon-tk.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/tk.svg); } .flag-icon-tl { background-image: url(../images/distribution/flags/4x3/tl.svg); } .flag-icon-tl.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/tl.svg); } .flag-icon-tm { background-image: url(../images/distribution/flags/4x3/tm.svg); } .flag-icon-tm.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/tm.svg); } .flag-icon-tn { background-image: url(../images/distribution/flags/4x3/tn.svg); } .flag-icon-tn.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/tn.svg); } .flag-icon-to { background-image: url(../images/distribution/flags/4x3/to.svg); } .flag-icon-to.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/to.svg); } .flag-icon-tr { background-image: url(../images/distribution/flags/4x3/tr.svg); } .flag-icon-tr.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/tr.svg); } .flag-icon-tt { background-image: url(../images/distribution/flags/4x3/tt.svg); } .flag-icon-tt.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/tt.svg); } .flag-icon-tv { background-image: url(../images/distribution/flags/4x3/tv.svg); } .flag-icon-tv.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/tv.svg); } .flag-icon-tw { background-image: url(../images/distribution/flags/4x3/tw.svg); } .flag-icon-tw.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/tw.svg); } .flag-icon-tz { background-image: url(../images/distribution/flags/4x3/tz.svg); } .flag-icon-tz.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/tz.svg); } .flag-icon-ua { background-image: url(../images/distribution/flags/4x3/ua.svg); } .flag-icon-ua.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/ua.svg); } .flag-icon-ug { background-image: url(../images/distribution/flags/4x3/ug.svg); } .flag-icon-ug.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/ug.svg); } .flag-icon-um { background-image: url(../images/distribution/flags/4x3/um.svg); } .flag-icon-um.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/um.svg); } .flag-icon-us { background-image: url(../images/distribution/flags/4x3/us.svg); } .flag-icon-us.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/us.svg); } .flag-icon-uy { background-image: url(../images/distribution/flags/4x3/uy.svg); } .flag-icon-uy.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/uy.svg); } .flag-icon-uz { background-image: url(../images/distribution/flags/4x3/uz.svg); } .flag-icon-uz.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/uz.svg); } .flag-icon-va { background-image: url(../images/distribution/flags/4x3/va.svg); } .flag-icon-va.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/va.svg); } .flag-icon-vc { background-image: url(../images/distribution/flags/4x3/vc.svg); } .flag-icon-vc.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/vc.svg); } .flag-icon-ve { background-image: url(../images/distribution/flags/4x3/ve.svg); } .flag-icon-ve.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/ve.svg); } .flag-icon-vg { background-image: url(../images/distribution/flags/4x3/vg.svg); } .flag-icon-vg.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/vg.svg); } .flag-icon-vi { background-image: url(../images/distribution/flags/4x3/vi.svg); } .flag-icon-vi.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/vi.svg); } .flag-icon-vn { background-image: url(../images/distribution/flags/4x3/vn.svg); } .flag-icon-vn.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/vn.svg); } .flag-icon-vu { background-image: url(../images/distribution/flags/4x3/vu.svg); } .flag-icon-vu.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/vu.svg); } .flag-icon-wf { background-image: url(../images/distribution/flags/4x3/wf.svg); } .flag-icon-wf.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/wf.svg); } .flag-icon-ws { background-image: url(../images/distribution/flags/4x3/ws.svg); } .flag-icon-ws.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/ws.svg); } .flag-icon-ye { background-image: url(../images/distribution/flags/4x3/ye.svg); } .flag-icon-ye.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/ye.svg); } .flag-icon-yt { background-image: url(../images/distribution/flags/4x3/yt.svg); } .flag-icon-yt.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/yt.svg); } .flag-icon-za { background-image: url(../images/distribution/flags/4x3/za.svg); } .flag-icon-za.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/za.svg); } .flag-icon-zm { background-image: url(../images/distribution/flags/4x3/zm.svg); } .flag-icon-zm.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/zm.svg); } .flag-icon-zw { background-image: url(../images/distribution/flags/4x3/zw.svg); } .flag-icon-zw.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/zw.svg); } .flag-icon-es-ct { background-image: url(../images/distribution/flags/4x3/es-ct.svg); } .flag-icon-es-ct.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/es-ct.svg); } .flag-icon-eu { background-image: url(../images/distribution/flags/4x3/eu.svg); } .flag-icon-eu.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/eu.svg); } .flag-icon-gb-eng { background-image: url(../images/distribution/flags/4x3/gb-eng.svg); } .flag-icon-gb-eng.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/gb-eng.svg); } .flag-icon-gb-nir { background-image: url(../images/distribution/flags/4x3/gb-nir.svg); } .flag-icon-gb-nir.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/gb-nir.svg); } .flag-icon-gb-sct { background-image: url(../images/distribution/flags/4x3/gb-sct.svg); } .flag-icon-gb-sct.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/gb-sct.svg); } .flag-icon-gb-wls { background-image: url(../images/distribution/flags/4x3/gb-wls.svg); } .flag-icon-gb-wls.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/gb-wls.svg); } .flag-icon-un { background-image: url(../images/distribution/flags/4x3/un.svg); } .flag-icon-un.flag-icon-squared { background-image: url(../images/distribution/flags/1x1/un.svg); } /*! -------------------------------------------------- * * TABLE OF CONTENTS * * blog * * -------------------------------------------------- */ /*! -------------------------------------------------- #blog -------------------------------------------------- */ .blog-wrapper { overflow-x: hidden /* Structure */ /* End structure */ /* Slider */ /* End slider */ /* Form */ /* End form */ } .admin-menu .blog-wrapper { margin-top: 50px; } .blog-wrapper .node-2017-blog-homepage, .blog-wrapper .node-2017-blog-post, .blog-wrapper .node-2017-blog-category, .blog-wrapper .node-2017-blog-tag { } .blog-wrapper .node-2017-blog-homepage .group-header, .blog-wrapper .node-2017-blog-homepage .group-main, .blog-wrapper .node-2017-blog-homepage .group-footer, .blog-wrapper .node-2017-blog-post .group-header, .blog-wrapper .node-2017-blog-post .group-main, .blog-wrapper .node-2017-blog-post .group-footer, .blog-wrapper .node-2017-blog-category .group-header, .blog-wrapper .node-2017-blog-category .group-main, .blog-wrapper .node-2017-blog-category .group-footer, .blog-wrapper .node-2017-blog-tag .group-header, .blog-wrapper .node-2017-blog-tag .group-main, .blog-wrapper .node-2017-blog-tag .group-footer { width: 1230px; max-width: 90%; margin-left: auto; margin-right: auto; } .blog-wrapper .node-2017-blog-homepage .group-main-content, .blog-wrapper .node-2017-blog-post .group-main-content, .blog-wrapper .node-2017-blog-category .group-main-content, .blog-wrapper .node-2017-blog-tag .group-main-content { float: left; width: 70%; margin-right: 4%; margin-top: 50px; } @media (max-width: 768px) { .blog-wrapper .node-2017-blog-homepage .group-main-content, .blog-wrapper .node-2017-blog-post .group-main-content, .blog-wrapper .node-2017-blog-category .group-main-content, .blog-wrapper .node-2017-blog-tag .group-main-content { width: 100%; margin-right: 0; margin-top: 0; } } .blog-wrapper .node-2017-blog-homepage .group-sidebar, .blog-wrapper .node-2017-blog-post .group-sidebar, .blog-wrapper .node-2017-blog-category .group-sidebar, .blog-wrapper .node-2017-blog-tag .group-sidebar { float: left; width: 26%; margin-top: 50px; } @media (max-width: 768px) { .blog-wrapper .node-2017-blog-homepage .group-sidebar, .blog-wrapper .node-2017-blog-post .group-sidebar, .blog-wrapper .node-2017-blog-category .group-sidebar, .blog-wrapper .node-2017-blog-tag .group-sidebar { width: 100%; } } .blog-wrapper .node-2017-blog-post { } .blog-wrapper .node-2017-blog-post .group-main-content { margin-top: 10px; } @media (max-width: 768px) { .blog-wrapper .node-2017-blog-post .group-main-content { margin-top: 0; } } .blog-wrapper .paragraphs-items-field-slider .flex-control-nav { width: 1230px; max-width: 90%; margin-left: auto; margin-right: auto; text-align: right; } .blog-wrapper .paragraphs-items-field-slider .flex-control-nav li { float: none; display: inline-block; } .blog-wrapper .paragraphs-items-field-slider .flex-control-nav li a { width: 11px; height: 11px; background: #bebdbc; border-color: #bebdbc; } .blog-wrapper .paragraphs-items-field-slider .flex-control-nav li a.flex-active { background: #dc934e; border-color: #dc934e; } .blog-wrapper .form-item { width: 100%; max-width: 450px; } .blog-wrapper input, .blog-wrapper button, .blog-wrapper textarea { -webkit-appearance: none; border-radius: none; } /* Tabs */ .blog-header ul.tabs.primary li a, .blog-header ul.tabs.primary li a span { color: #ffffff !important; } /* End tabs */ /*! -------------------------------------------------- * * TABLE OF CONTENTS * * blog recent posts * * -------------------------------------------------- */ /*! -------------------------------------------------- #blog recent posts -------------------------------------------------- */ .blog-wrapper { /* Most recent blog post */ /* End most recent blog post */ } .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category, .blog-wrapper .vlb-mibppc, .blog-wrapper .field-name-2017-blog-category-teasers {/* category above each teaser blog post *//* Teaser blog post *//* End teaser blog post */ } .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category:after, .blog-wrapper .vlb-mibppc:after, .blog-wrapper .field-name-2017-blog-category-teasers:after { content: ''; display: block; clear: both; } .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .item-list ul, .blog-wrapper .vlb-mibppc .item-list ul, .blog-wrapper .field-name-2017-blog-category-teasers .item-list ul { margin: 0; padding: 0; } .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .item-list ul li, .blog-wrapper .vlb-mibppc .item-list ul li, .blog-wrapper .field-name-2017-blog-category-teasers .item-list ul li { margin: 0; padding: 0; list-style-type: none; list-style-image: none; } .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .item-list ul li, .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .views-row, .blog-wrapper .vlb-mibppc .item-list ul li, .blog-wrapper .vlb-mibppc .views-row, .blog-wrapper .field-name-2017-blog-category-teasers .item-list ul li, .blog-wrapper .field-name-2017-blog-category-teasers .views-row { float: left; width: 22%; margin-right: 4%; } @media (max-width: 979px) { .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .item-list ul li, .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .views-row, .blog-wrapper .vlb-mibppc .item-list ul li, .blog-wrapper .vlb-mibppc .views-row, .blog-wrapper .field-name-2017-blog-category-teasers .item-list ul li, .blog-wrapper .field-name-2017-blog-category-teasers .views-row { width: 48%; margin-bottom: 4%; margin-right: 0; } } @media (max-width: 568px) { .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .item-list ul li, .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .views-row, .blog-wrapper .vlb-mibppc .item-list ul li, .blog-wrapper .vlb-mibppc .views-row, .blog-wrapper .field-name-2017-blog-category-teasers .item-list ul li, .blog-wrapper .field-name-2017-blog-category-teasers .views-row { width: 100%; margin-bottom: 30px; } } .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .item-list ul li:nth-child(odd), .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .views-row:nth-child(odd), .blog-wrapper .vlb-mibppc .item-list ul li:nth-child(odd), .blog-wrapper .vlb-mibppc .views-row:nth-child(odd), .blog-wrapper .field-name-2017-blog-category-teasers .item-list ul li:nth-child(odd), .blog-wrapper .field-name-2017-blog-category-teasers .views-row:nth-child(odd) { } @media (max-width: 979px) { .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .item-list ul li:nth-child(odd), .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .views-row:nth-child(odd), .blog-wrapper .vlb-mibppc .item-list ul li:nth-child(odd), .blog-wrapper .vlb-mibppc .views-row:nth-child(odd), .blog-wrapper .field-name-2017-blog-category-teasers .item-list ul li:nth-child(odd), .blog-wrapper .field-name-2017-blog-category-teasers .views-row:nth-child(odd) { margin-right: 4%; } } @media (max-width: 568px) { .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .item-list ul li:nth-child(odd), .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .views-row:nth-child(odd), .blog-wrapper .vlb-mibppc .item-list ul li:nth-child(odd), .blog-wrapper .vlb-mibppc .views-row:nth-child(odd), .blog-wrapper .field-name-2017-blog-category-teasers .item-list ul li:nth-child(odd), .blog-wrapper .field-name-2017-blog-category-teasers .views-row:nth-child(odd) { margin-right: 0; } } .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .item-list ul li:last-child, .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .views-row:last-child, .blog-wrapper .vlb-mibppc .item-list ul li:last-child, .blog-wrapper .vlb-mibppc .views-row:last-child, .blog-wrapper .field-name-2017-blog-category-teasers .item-list ul li:last-child, .blog-wrapper .field-name-2017-blog-category-teasers .views-row:last-child { margin-right: 0; } .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .views-row, .blog-wrapper .vlb-mibppc .views-row, .blog-wrapper .field-name-2017-blog-category-teasers .views-row { } .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .views-row .group-link, .blog-wrapper .vlb-mibppc .views-row .group-link, .blog-wrapper .field-name-2017-blog-category-teasers .views-row .group-link { display: block; } .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .views-row .group-link:hover, .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .views-row .group-link:focus, .blog-wrapper .vlb-mibppc .views-row .group-link:hover, .blog-wrapper .vlb-mibppc .views-row .group-link:focus, .blog-wrapper .field-name-2017-blog-category-teasers .views-row .group-link:hover, .blog-wrapper .field-name-2017-blog-category-teasers .views-row .group-link:focus {/* & .field-name-field-teaser-text { opacity: 0.65; } */ } .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .views-row .group-link:hover .field-name-title h2, .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .views-row .group-link:focus .field-name-title h2, .blog-wrapper .vlb-mibppc .views-row .group-link:hover .field-name-title h2, .blog-wrapper .vlb-mibppc .views-row .group-link:focus .field-name-title h2, .blog-wrapper .field-name-2017-blog-category-teasers .views-row .group-link:hover .field-name-title h2, .blog-wrapper .field-name-2017-blog-category-teasers .views-row .group-link:focus .field-name-title h2 { background-color: #ffffff; color: #363a3b; } .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .views-row .group-link:hover .field-name-field-teaser-image, .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .views-row .group-link:focus .field-name-field-teaser-image, .blog-wrapper .vlb-mibppc .views-row .group-link:hover .field-name-field-teaser-image, .blog-wrapper .vlb-mibppc .views-row .group-link:focus .field-name-field-teaser-image, .blog-wrapper .field-name-2017-blog-category-teasers .views-row .group-link:hover .field-name-field-teaser-image, .blog-wrapper .field-name-2017-blog-category-teasers .views-row .group-link:focus .field-name-field-teaser-image { } .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .views-row .group-link:hover .field-name-field-teaser-image:after, .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .views-row .group-link:focus .field-name-field-teaser-image:after, .blog-wrapper .vlb-mibppc .views-row .group-link:hover .field-name-field-teaser-image:after, .blog-wrapper .vlb-mibppc .views-row .group-link:focus .field-name-field-teaser-image:after, .blog-wrapper .field-name-2017-blog-category-teasers .views-row .group-link:hover .field-name-field-teaser-image:after, .blog-wrapper .field-name-2017-blog-category-teasers .views-row .group-link:focus .field-name-field-teaser-image:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; opacity: 0.1; } .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .views-row .field-name-title h2, .blog-wrapper .vlb-mibppc .views-row .field-name-title h2, .blog-wrapper .field-name-2017-blog-category-teasers .views-row .field-name-title h2 { margin: 0 0 8px 0; padding: 12px 10px 10px 10px; background-color: #363a3b; color: #ffffff; border: 1px solid #c9c9c9; font-size: 18px; font-size: 1.8rem; text-align: center; transition: background 0.2s, color 0.2s; } .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .views-row .field-name-field-teaser-image, .blog-wrapper .vlb-mibppc .views-row .field-name-field-teaser-image, .blog-wrapper .field-name-2017-blog-category-teasers .views-row .field-name-field-teaser-image { display: block; position: relative; } .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .views-row .field-name-field-teaser-image:after, .blog-wrapper .vlb-mibppc .views-row .field-name-field-teaser-image:after, .blog-wrapper .field-name-2017-blog-category-teasers .views-row .field-name-field-teaser-image:after { content: ''; display: block; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; background: #ffffff; transition: opacity 0.4s ease-out 0s; } .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .views-row .field-name-field-teaser-text, .blog-wrapper .vlb-mibppc .views-row .field-name-field-teaser-text, .blog-wrapper .field-name-2017-blog-category-teasers .views-row .field-name-field-teaser-text { text-align: center; transition: opacity 0.2s; } .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .views-row .field-name-field-teaser-text h2, .blog-wrapper .vlb-mibppc .views-row .field-name-field-teaser-text h2, .blog-wrapper .field-name-2017-blog-category-teasers .views-row .field-name-field-teaser-text h2 { margin-top: 15px; } .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .category, .blog-wrapper .vlb-mibppc .category, .blog-wrapper .field-name-2017-blog-category-teasers .category { } .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .category a, .blog-wrapper .vlb-mibppc .category a, .blog-wrapper .field-name-2017-blog-category-teasers .category a { display: block; margin-bottom: 4px; font-size: 20px; font-size: 2rem; text-align: center; } .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .node-2017-blog-post.node-teaser, .blog-wrapper .vlb-mibppc .node-2017-blog-post.node-teaser, .blog-wrapper .field-name-2017-blog-category-teasers .node-2017-blog-post.node-teaser { text-align: center; } .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .node-2017-blog-post.node-teaser .field-name-field-teaser-image, .blog-wrapper .vlb-mibppc .node-2017-blog-post.node-teaser .field-name-field-teaser-image, .blog-wrapper .field-name-2017-blog-category-teasers .node-2017-blog-post.node-teaser .field-name-field-teaser-image { } .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .node-2017-blog-post.node-teaser .field-name-field-teaser-image a, .blog-wrapper .vlb-mibppc .node-2017-blog-post.node-teaser .field-name-field-teaser-image a, .blog-wrapper .field-name-2017-blog-category-teasers .node-2017-blog-post.node-teaser .field-name-field-teaser-image a { position: relative; display: inline-block; } .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .node-2017-blog-post.node-teaser .field-name-field-teaser-image a:after, .blog-wrapper .vlb-mibppc .node-2017-blog-post.node-teaser .field-name-field-teaser-image a:after, .blog-wrapper .field-name-2017-blog-category-teasers .node-2017-blog-post.node-teaser .field-name-field-teaser-image a:after { content: ''; display: block; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; background: #ffffff; transition: opacity 0.4s ease-out 0s; } .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .node-2017-blog-post.node-teaser .field-name-field-teaser-image a:hover, .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .node-2017-blog-post.node-teaser .field-name-field-teaser-image a:focus, .blog-wrapper .vlb-mibppc .node-2017-blog-post.node-teaser .field-name-field-teaser-image a:hover, .blog-wrapper .vlb-mibppc .node-2017-blog-post.node-teaser .field-name-field-teaser-image a:focus, .blog-wrapper .field-name-2017-blog-category-teasers .node-2017-blog-post.node-teaser .field-name-field-teaser-image a:hover, .blog-wrapper .field-name-2017-blog-category-teasers .node-2017-blog-post.node-teaser .field-name-field-teaser-image a:focus { } .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .node-2017-blog-post.node-teaser .field-name-field-teaser-image a:hover:after, .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .node-2017-blog-post.node-teaser .field-name-field-teaser-image a:focus:after, .blog-wrapper .vlb-mibppc .node-2017-blog-post.node-teaser .field-name-field-teaser-image a:hover:after, .blog-wrapper .vlb-mibppc .node-2017-blog-post.node-teaser .field-name-field-teaser-image a:focus:after, .blog-wrapper .field-name-2017-blog-category-teasers .node-2017-blog-post.node-teaser .field-name-field-teaser-image a:hover:after, .blog-wrapper .field-name-2017-blog-category-teasers .node-2017-blog-post.node-teaser .field-name-field-teaser-image a:focus:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; opacity: 0.2; } .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .node-2017-blog-post.node-teaser .field-name-field-teaser-image img, .blog-wrapper .vlb-mibppc .node-2017-blog-post.node-teaser .field-name-field-teaser-image img, .blog-wrapper .field-name-2017-blog-category-teasers .node-2017-blog-post.node-teaser .field-name-field-teaser-image img { width: 100%; } .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .node-2017-blog-post.node-teaser .field-name-field-2017-blog-categories, .blog-wrapper .vlb-mibppc .node-2017-blog-post.node-teaser .field-name-field-2017-blog-categories, .blog-wrapper .field-name-2017-blog-category-teasers .node-2017-blog-post.node-teaser .field-name-field-2017-blog-categories { margin-top: 12px; } .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .node-2017-blog-post.node-teaser .field-name-field-2017-blog-categories a, .blog-wrapper .vlb-mibppc .node-2017-blog-post.node-teaser .field-name-field-2017-blog-categories a, .blog-wrapper .field-name-2017-blog-category-teasers .node-2017-blog-post.node-teaser .field-name-field-2017-blog-categories a { position: relative; display: inline-block; margin-right: 7px; padding-right: 6px; font-size: 20px; font-size: 2rem; } .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .node-2017-blog-post.node-teaser .field-name-field-2017-blog-categories a:after, .blog-wrapper .vlb-mibppc .node-2017-blog-post.node-teaser .field-name-field-2017-blog-categories a:after, .blog-wrapper .field-name-2017-blog-category-teasers .node-2017-blog-post.node-teaser .field-name-field-2017-blog-categories a:after { content: '-'; position: absolute; right: 0; width: 2px; color: #363a3b; } .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .node-2017-blog-post.node-teaser .field-name-field-2017-blog-categories a:last-child, .blog-wrapper .vlb-mibppc .node-2017-blog-post.node-teaser .field-name-field-2017-blog-categories a:last-child, .blog-wrapper .field-name-2017-blog-category-teasers .node-2017-blog-post.node-teaser .field-name-field-2017-blog-categories a:last-child { margin-right: 0; padding-right: 0; } .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .node-2017-blog-post.node-teaser .field-name-field-2017-blog-categories a:last-child:after, .blog-wrapper .vlb-mibppc .node-2017-blog-post.node-teaser .field-name-field-2017-blog-categories a:last-child:after, .blog-wrapper .field-name-2017-blog-category-teasers .node-2017-blog-post.node-teaser .field-name-field-2017-blog-categories a:last-child:after { content: ''; } .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .node-2017-blog-post.node-teaser .group-link, .blog-wrapper .vlb-mibppc .node-2017-blog-post.node-teaser .group-link, .blog-wrapper .field-name-2017-blog-category-teasers .node-2017-blog-post.node-teaser .group-link { display: block; margin-top: 7px; font-family: 'fjalla', Arial, Helvetica, sans-serif; font-size: 26px; font-size: 2.6rem; line-height: 30px; text-transform: uppercase; color: #363a3b; } @media (max-width: 979px) { .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .node-2017-blog-post.node-teaser .group-link, .blog-wrapper .vlb-mibppc .node-2017-blog-post.node-teaser .group-link, .blog-wrapper .field-name-2017-blog-category-teasers .node-2017-blog-post.node-teaser .group-link { font-size: 2.2rem; line-height: 26px; } } @media (max-width: 568px) { .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .node-2017-blog-post.node-teaser .group-link, .blog-wrapper .vlb-mibppc .node-2017-blog-post.node-teaser .group-link, .blog-wrapper .field-name-2017-blog-category-teasers .node-2017-blog-post.node-teaser .group-link { font-size: 2rem; line-height: 22px; } } .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .node-2017-blog-post.node-teaser .group-link h2, .blog-wrapper .vlb-mibppc .node-2017-blog-post.node-teaser .group-link h2, .blog-wrapper .field-name-2017-blog-category-teasers .node-2017-blog-post.node-teaser .group-link h2 { margin: 0; transition: opacity 0.2s; } .blog-wrapper .view-2017-blog-post.view-display-id-most_recent_grouped_by_category .node-2017-blog-post.node-teaser .group-link:hover h2, .blog-wrapper .vlb-mibppc .node-2017-blog-post.node-teaser .group-link:hover h2, .blog-wrapper .field-name-2017-blog-category-teasers .node-2017-blog-post.node-teaser .group-link:hover h2 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; opacity: 0.65; } /*! -------------------------------------------------- * * TABLE OF CONTENTS * * blog related posts * * -------------------------------------------------- */ /*! -------------------------------------------------- #blog related posts -------------------------------------------------- */ .blog-wrapper { /* Most recent blog post */ /* End most recent blog post */ } .blog-wrapper .vbl-related { clear: both; margin-top: 50px;/* Teaser blog post *//* End teaser blog post */ } .blog-wrapper .vbl-related:after { content: ''; display: block; clear: both; } .blog-wrapper .vbl-related > h2 { margin-top: 0; margin-bottom: 20px; font-family: 'fjalla', Arial, Helvetica, sans-serif; font-size: 51px; font-size: 5.1rem; } .blog-wrapper .vbl-related .item-list { margin: 0; padding: 0; } .blog-wrapper .vbl-related .item-list li { margin: 0; padding: 0; list-style-type: none; list-style-image: none; } .blog-wrapper .vbl-related .item-list li { float: left; width: 30.66%; margin-right: 4%; } @media (max-width: 979px) { .blog-wrapper .vbl-related .item-list li { width: 100%; margin-bottom: 30px; } } .blog-wrapper .vbl-related .item-list li:nth-child(odd) { } @media (max-width: 979px) { .blog-wrapper .vbl-related .item-list li:nth-child(odd) { margin-right: 0; } } .blog-wrapper .vbl-related .item-list li:last-child { margin-right: 0; } .blog-wrapper .vbl-related .node-2017-blog-post.node-teaser { text-align: center; } .blog-wrapper .vbl-related .node-2017-blog-post.node-teaser .field-name-field-teaser-image { } .blog-wrapper .vbl-related .node-2017-blog-post.node-teaser .field-name-field-teaser-image a { position: relative; display: inline-block; } @media (max-width: 768px) { .blog-wrapper .vbl-related .node-2017-blog-post.node-teaser .field-name-field-teaser-image a { width: 100%; } } .blog-wrapper .vbl-related .node-2017-blog-post.node-teaser .field-name-field-teaser-image a:after { content: ''; display: block; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; background: #ffffff; transition: opacity 0.4s ease-out 0s; } .blog-wrapper .vbl-related .node-2017-blog-post.node-teaser .field-name-field-teaser-image a:hover, .blog-wrapper .vbl-related .node-2017-blog-post.node-teaser .field-name-field-teaser-image a:focus { } .blog-wrapper .vbl-related .node-2017-blog-post.node-teaser .field-name-field-teaser-image a:hover:after, .blog-wrapper .vbl-related .node-2017-blog-post.node-teaser .field-name-field-teaser-image a:focus:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; opacity: 0.2; } .blog-wrapper .vbl-related .node-2017-blog-post.node-teaser .field-name-field-teaser-image img { width: 100%; } .blog-wrapper .vbl-related .node-2017-blog-post.node-teaser .field-name-field-2017-blog-categories { margin-top: 12px; } .blog-wrapper .vbl-related .node-2017-blog-post.node-teaser .field-name-field-2017-blog-categories a { position: relative; display: inline-block; margin-right: 7px; padding-right: 6px; font-size: 20px; font-size: 2rem; } .blog-wrapper .vbl-related .node-2017-blog-post.node-teaser .field-name-field-2017-blog-categories a:after { content: '-'; position: absolute; right: 0; width: 2px; color: #363a3b; } .blog-wrapper .vbl-related .node-2017-blog-post.node-teaser .field-name-field-2017-blog-categories a:last-child { margin-right: 0; padding-right: 0; } .blog-wrapper .vbl-related .node-2017-blog-post.node-teaser .field-name-field-2017-blog-categories a:last-child:after { content: ''; } .blog-wrapper .vbl-related .node-2017-blog-post.node-teaser .group-link { display: block; margin-top: 7px; font-family: 'fjalla', Arial, Helvetica, sans-serif; font-size: 26px; font-size: 2.6rem; line-height: 30px; text-transform: uppercase; color: #363a3b; } @media (max-width: 979px) { .blog-wrapper .vbl-related .node-2017-blog-post.node-teaser .group-link { font-size: 2.2rem; line-height: 26px; } } @media (max-width: 568px) { .blog-wrapper .vbl-related .node-2017-blog-post.node-teaser .group-link { font-size: 2rem; line-height: 22px; } } .blog-wrapper .vbl-related .node-2017-blog-post.node-teaser .group-link h2 { margin: 0; transition: opacity 0.2s; } .blog-wrapper .vbl-related .node-2017-blog-post.node-teaser .group-link:hover h2 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; opacity: 0.65; } /*! -------------------------------------------------- * * TABLE OF CONTENTS * * blog comments * * -------------------------------------------------- */ /*! -------------------------------------------------- #blog comments -------------------------------------------------- */ .blog-wrapper { } .blog-wrapper .vbl-comment-placeholder { margin-top: 50px; } .blog-wrapper .vbl-comment-placeholder h2 { margin: 0; font-family: 'fjalla', Arial, Helvetica, sans-serif; font-size: 51px; font-size: 5.1rem; } .blog-wrapper .vbl-comment-placeholder h2 .amount { margin-right: 10px; color: #dc934e; } .blog-wrapper #content .messages { width: 100%; max-width: 450px; } .blog-wrapper #content .messages ul { margin: 0; padding: 0; } .blog-wrapper #content .messages ul li { margin: 0; padding: 0; list-style-type: none; list-style-image: none; } .blog-wrapper #content .messages .error { color: #ffffff; } .blog-wrapper .comment { clear: both; margin-top: 30px; } .blog-wrapper .comment + .indented { } .blog-wrapper .comment + .indented .comment { position: relative; margin-top: 20px; padding: 8px; border-top: 1px solid #e1e1e1; background-color: #f5f5f5; } .blog-wrapper .comment + .indented .comment:after { visibility: visible; content: ''; display: block; width: 20px; height: 10px; position: absolute; z-index: 5; top: -10px; left: 20px; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #bebdbc transparent; } .blog-wrapper .comment + .indented .comment:before { visibility: visible; content: ''; display: block; width: 20px; height: 10px; position: absolute; z-index: 10; top: -9px; left: 20px; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #f5f5f5 transparent; } .blog-wrapper .comment .vbl-comment-meta-information { color: #bebdbc; font-size: 18px; font-size: 1.8rem; } .blog-wrapper .comment .vbl-comment-meta-information a { color: #dc934e; } .blog-wrapper .comment .field-name-comment-body { margin-bottom: 5px; font-size: 18px; font-size: 1.8rem; } .blog-wrapper .comment .links { overflow: hidden; display: block; font-size: 18px; font-size: 1.8rem; } .blog-wrapper .comment .links li { float: left; margin-left: -1px; } .blog-wrapper .comment .links li:first-child { margin-left: 0; } .blog-wrapper .comment .links li a { display: block; padding: 4px 10px 4px 29px; color: #bebdbc; } .blog-wrapper .comment .links li a:hover, .blog-wrapper .comment .links li a:focus { color: #dc934e; } .blog-wrapper .comment .links li.comment-reply a { background: url('/sites/all/themes/veritas2017/images/distribution/icons/icon__reply.svg') no-repeat 0 2px; background-size: 23px 29px; } .blog-wrapper .comment .links li.comment-edit a { padding-left: 26px; margin-right: 2px; background: url('/sites/all/themes/veritas2017/images/distribution/icons/icon__edit.svg') no-repeat 0 2px; background-size: 24px 29px; } .blog-wrapper .comment .links li.comment-delete a { padding-left: 21px; background: url('/sites/all/themes/veritas2017/images/distribution/icons/icon__delete.svg') no-repeat -4px 2px; background-size: 23px 29px; } .blog-wrapper h2.comment-form { margin-top: 30px; } .blog-wrapper .comment-form { } .blog-wrapper .comment-form .description { display: none; } .blog-wrapper .comment-form .form-type-radio label:before { left: 4px; } .blog-wrapper .comment-form .form-type-radio label:after { left: 0; } .blog-wrapper .comment-form .form-item { overflow: hidden; } .blog-wrapper .comment-form .form-item:after { content: ''; display: block; clear: both; } .blog-wrapper .comment-form .form-item label { float: left; display: inline-block; width: auto; max-width: 25%; margin-right: 5px; font-size: 18px; font-size: 1.8rem; } .blog-wrapper .comment-form .form-item input { float: right; width: 70%; } .blog-wrapper .comment-form .form-item .username { display: inline-block; color: #dc934e; font-size: 18px; font-size: 1.8rem; } .blog-wrapper .comment-form .field-name-comment-body { } .blog-wrapper .comment-form .field-name-comment-body label { display: none; } .blog-wrapper .comment-form .form-actions { } .blog-wrapper .comment-form .form-actions .form-submit { display: inline-block; cursor: pointer; padding: 6px 12px; border: 0px; color: #ffffff; font-size: 21px; font-size: 2.1rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; text-transform: uppercase; transition: all 0.3s; background-color: #df9c5b; border: none; border-radius: 0; -webkit-appearance: none; } .blog-wrapper .comment-form .form-actions .form-submit:hover { background-color: #eab078; } .blog-wrapper .confirmation { } .blog-wrapper .confirmation .form-submit { display: inline-block; cursor: pointer; padding: 6px 12px; border: 0px; color: #ffffff; font-size: 21px; font-size: 2.1rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; text-transform: uppercase; transition: all 0.3s; background-color: #df9c5b; border: none; margin-right: 20px; } .blog-wrapper .confirmation .form-submit:hover { background-color: #eab078; } .blog-wrapper .indented { } @media (max-width: 568px) { .blog-wrapper .indented { margin-left: 10px; } } /* Comment functions */ .page-comment-delete, .page-comment-edit, .page-comment-reply { } .page-comment-delete .blog-wrapper, .page-comment-edit .blog-wrapper, .page-comment-reply .blog-wrapper { } .page-comment-delete .blog-wrapper #content, .page-comment-edit .blog-wrapper #content, .page-comment-reply .blog-wrapper #content { width: 1230px; max-width: 90%; margin-left: auto; margin-right: auto; } .page-comment-delete .blog-wrapper h1, .page-comment-edit .blog-wrapper h1, .page-comment-reply .blog-wrapper h1 { margin-top: 50px; } @media (max-width: 979px) { .page-comment-delete .blog-wrapper h1, .page-comment-edit .blog-wrapper h1, .page-comment-reply .blog-wrapper h1 { margin-top: 30px; } } .page-comment-delete, .page-comment-edit { } .page-comment-delete .blog-wrapper, .page-comment-edit .blog-wrapper { } .page-comment-delete .blog-wrapper #content, .page-comment-edit .blog-wrapper #content { margin-top: 70px; } /* End comment functions */ /*! -------------------------------------------------- * * TABLE OF CONTENTS * * blog sidebar * * -------------------------------------------------- */ /*! -------------------------------------------------- #blog sidebar -------------------------------------------------- */ .blog-wrapper { /* User profile */ /* End user profile */ /* Tags */ /* End tags */ /* Snapwidget */ /* End snapwidget */ /* Newsletter */ /* End newsletter */ } .blog-wrapper .vbl-author-teaser { margin-bottom: 30px; } .blog-wrapper .vbl-author-teaser .field-name-field-image { text-align: center; } .blog-wrapper .vbl-author-teaser .field-name-field-image img { width: 205px; border-radius: 50%; } .blog-wrapper .vbl-author-teaser .vbl-author-full-name { margin-top: 20px; font-size: 26px; font-size: 2.6rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; text-transform: uppercase; } .blog-wrapper .vbl-author-teaser .field-name-field-biography { margin-top: 10px; font-size: 18px; font-size: 1.8rem; } .blog-wrapper #block-views-2017-blog-tag-tag-cloud { margin-bottom: 30px; padding: 0px 30px 0px 30px; background: #ffffff; border: none; color: #363a3b; } @media (max-width: 768px) { .blog-wrapper #block-views-2017-blog-tag-tag-cloud { padding: 0; } } .blog-wrapper #block-views-2017-blog-tag-tag-cloud .item-list:after { content: ''; display: block; clear: both; } .blog-wrapper #block-views-2017-blog-tag-tag-cloud .item-list li { float: left; } .blog-wrapper #block-views-2017-blog-tag-tag-cloud h2 { margin: 0 0 20px 0; font-size: 26px; font-size: 2.6rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; color: #363a3b; text-transform: uppercase; } .blog-wrapper #block-views-2017-blog-tag-tag-cloud .item-list { margin: 0; padding: 0; } .blog-wrapper #block-views-2017-blog-tag-tag-cloud .item-list li { margin: 0; padding: 0; list-style-type: none; list-style-image: none; } .blog-wrapper #block-views-2017-blog-tag-tag-cloud .item-list li { display: inline-block; } .blog-wrapper #block-views-2017-blog-tag-tag-cloud .item-list li a { display: inline-block; margin-right: 5px; margin-bottom: 5px; padding: 5px 10px; color: #363a3b; border: 1px solid #363a3b; font-size: 18px; font-size: 1.8rem; transition: color 0s, background 0.3s, border-color 0.3s; } .blog-wrapper #block-views-2017-blog-tag-tag-cloud .item-list li a:hover, .blog-wrapper #block-views-2017-blog-tag-tag-cloud .item-list li a:focus, .blog-wrapper #block-views-2017-blog-tag-tag-cloud .item-list li a.active { color: #ffffff; background: #dc934e; border-color: #dc934e; } .blog-wrapper .paragraphs-item-snapwidget { width: 100%; margin-bottom: 30px; padding-left: 30px; border-left: 1px solid #bebdbc; } @media (max-width: 768px) { .blog-wrapper .paragraphs-item-snapwidget { padding-left: 0; border-left: none; } } .blog-wrapper .paragraphs-item-snapwidget .field-name-field-title { margin-top: 0; margin-bottom: 20px; font-size: 26px; font-size: 2.6rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; text-transform: uppercase; } .blog-wrapper .paragraphs-item-snapwidget .vc-snapwidget { position: relative; padding-bottom: 170%; } .blog-wrapper .paragraphs-item-snapwidget iframe { position: absolute; width: 100%; height: 100%; } .blog-wrapper #block-veritas-blog-vbl-newsletter { margin-bottom: 30px; padding: 20px 20px 17px 20px; background: #363a3b; border: 1px solid #363a3b; color: #ffffff; } .blog-wrapper #block-veritas-blog-vbl-newsletter .item-list:after { content: ''; display: block; clear: both; } .blog-wrapper #block-veritas-blog-vbl-newsletter .item-list li { float: left; } .blog-wrapper #block-veritas-blog-vbl-newsletter h2 { margin: 0 0 20px 0; font-size: 26px; font-size: 2.6rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; color: #ffffff; text-transform: uppercase; } .blog-wrapper #block-veritas-blog-vbl-newsletter .description { margin-bottom: 20px; font-size: 18px; font-size: 1.8rem; } .blog-wrapper #block-veritas-blog-vbl-newsletter .description + a { display: inline-block; cursor: pointer; padding: 6px 12px; border: 0px; color: #ffffff; font-size: 21px; font-size: 2.1rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; text-transform: uppercase; transition: all 0.3s; background-color: #df9c5b; border: none; display: block; text-align: center; } .blog-wrapper #block-veritas-blog-vbl-newsletter .description + a:hover { background-color: #eab078; } /*! -------------------------------------------------- * * TABLE OF CONTENTS * * blog pager * * -------------------------------------------------- */ /*! -------------------------------------------------- #blog pager -------------------------------------------------- */ .blog-wrapper { /* Pager */ /* End pager */ } .blog-wrapper .pager { } .blog-wrapper .pager li { margin-left: 0; margin-right: 0; } .blog-wrapper .pager .pager-item { margin: 0 0 0 -4px; padding: 0; } .blog-wrapper .pager .pager-item a { padding: 5px 10px; font-weight: 500; font-size: 18px; font-size: 1.8rem; color: #363a3b; border: 1px solid #363a3b; } .blog-wrapper .pager .pager-item a:hover { color: #dc934e; } .blog-wrapper .pager .pager-first, .blog-wrapper .pager .pager-last { display: none; } .blog-wrapper .pager .pager-previous, .blog-wrapper .pager .pager-next { } .blog-wrapper .pager .pager-previous a, .blog-wrapper .pager .pager-next a { width: 22px; padding: 5px 10px; font-weight: 500; font-size: 18px; font-size: 1.8rem; background: #dc934e; color: #ffffff; border: 1px solid #dc934e; } .blog-wrapper .pager .pager-previous { position: relative; margin-right: 27px; } .blog-wrapper .pager .pager-previous a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: inline-block; height: 34px; text-indent: -9999em; } .blog-wrapper .pager .pager-previous a:after { content: ''; width: 14px; height: 14px; position: absolute; top: 10px; left: 3px; background: url('/sites/all/themes/veritas2017/images/distribution/icons/icon__arrow-white-left.svg') no-repeat 0 0; background-size: 14px 14px; text-indent: 0; } .blog-wrapper .pager .pager-next { position: relative; margin-left: 17px; } .blog-wrapper .pager .pager-next a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: inline-block; height: 34px; text-indent: -9999em; } .blog-wrapper .pager .pager-next a:after { content: ''; width: 14px; height: 14px; position: absolute; top: 10px; left: 4px; background: url('/sites/all/themes/veritas2017/images/distribution/icons/icon__arrow-white-right.svg') no-repeat 0 0; background-size: 14px 14px; text-indent: 0; } .blog-wrapper .pager .pager-current { padding: 5px 10px; font-weight: 500; font-size: 18px; font-size: 1.8rem; color: #363a3b; border: 1px solid #363a3b; } /* layout */ /*! -------------------------------------------------- * * TABLE OF CONTENTS * * html & body * typography * img * * -------------------------------------------------- */ /* -------------------------------------------------- #html & body -------------------------------------------------- */ /* critical:start */ html { font-size: 62.5%; } html.main__nav--responsive--visible { } @media (max-width: 979px) { html.main__nav--responsive--visible { overflow: hidden; height: 100vh; } } html.lt-ie10 { overflow-x: hidden; } body { font-family: 'slabo27', arial, serif; line-height: 1.5; color: #363a3b; font-size: 16px; font-size: 1.6rem; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* &.js-loaded { padding-top: 114px; @media (--mqMENU) { padding-top: 0; } } */ } .lt-ie10 body.js-loaded { padding-top: 0; } .masonry-grid { height: auto !important } .masonry-grid .paginater { overflow: visible; position: relative; height: auto; clip: auto; } .masonry-grid .paginater h2 { display: none; } /* -------------------------------------------------- #typography -------------------------------------------------- */ /* links */ a, a:visited { text-decoration: none; color: #363a3b; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transition: color 0.3s; outline: 0; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } a:hover, a:focus { color: #dc934e; } /* headers */ h1, h2, h3, h4, h5, h6 { color: #363a3b; font-family: 'fjalla', Arial, Helvetica, sans-serif; text-transform: uppercase; line-height: 1.2em; } h1 { font-size: 53px; font-size: 5.3rem; margin-top: 0; margin-bottom: 20px; word-wrap: break-word; } h2 { font-size: 26px; font-size: 2.6rem; } h3 { font-size: 21px; font-size: 2.1rem; } h4 { font-size: 18px; font-size: 1.8rem; } h5 { font-size: 14px; font-size: 1.4rem; } h6 { font-size: 12px; font-size: 1.2rem; } h2, h3, h4, h5, h6 { font-weight: 300; } /* critical:end */ /*! -------------------------------------------------- * * TABLE OF CONTENTS * * main * * -------------------------------------------------- */ /*! -------------------------------------------------- #main -------------------------------------------------- */ #main:after { content: ''; display: block; clear: both; } .page-403 #main, .page-user #content { width: 1230px; max-width: 90%; margin-left: auto; margin-right: auto; margin-top: 30px; } /*! -------------------------------------------------- * * TABLE OF CONTENTS * * custom theme layout * * -------------------------------------------------- */ /*! -------------------------------------------------- #variabelen -------------------------------------------------- */ /*! -------------------------------------------------- #custom theme layout -------------------------------------------------- */ .custom__layout { } .custom__layout .group__content--top, .custom__layout .group__col__wrapper, .custom__layout .group__content--right, .custom__layout .group__content--bottom { margin-bottom: 60px; } .custom__layout .group__content--top:last-child, .custom__layout .group__col__wrapper:last-child, .custom__layout .group__content--right:last-child, .custom__layout .group__content--bottom:last-child { margin-bottom: 0px; } .custom__layout .group__content--top > div, .custom__layout .group__col__wrapper > div, .custom__layout .group__content--right > div, .custom__layout .group__content--bottom > div { margin-bottom: 60px; } .custom__layout .group__content--top > div:first-child, .custom__layout .group__col__wrapper > div:first-child, .custom__layout .group__content--right > div:first-child, .custom__layout .group__content--bottom > div:first-child { margin-top: 0px; } .custom__layout .group__content--top > div:last-child, .custom__layout .group__col__wrapper > div:last-child, .custom__layout .group__content--right > div:last-child, .custom__layout .group__content--bottom > div:last-child { margin-bottom: 0px; } .custom__layout .group__col__wrapper:after { content: ''; display: block; clear: both; } .custom__layout .group__col__wrapper .group__content--left { float: left; width: 50%; } .custom__layout .group__col__wrapper .group__content--right { float: right; width: 50%; } @media (max-width: 980px) { .custom__layout .group__col__wrapper { } .custom__layout .group__col__wrapper .group__content--left, .custom__layout .group__col__wrapper .group__content--right { float: none; width: auto !important; } } /*! -------------------------------------------------- * * TABLE OF CONTENTS * * main header * logo * search * location * language * * account/shopping basket 'Studio Emma' * * -------------------------------------------------- */ body.js-loaded { padding-top: 135px /* Because of the fixed header */ } @media (max-width: 979px) { body.js-loaded { padding-top: 0; } } /*! -------------------------------------------------- #main header -------------------------------------------------- */ #main-header { position: relative; z-index: 2000; /* set basic values (see global.pcss) */ font-family: 'slabo27', arial, serif; line-height: 1.5; color: #363a3b; letter-spacing: 0 /* sticky nav */ } @media (max-width: 979px) { #main-header { min-height: 108px; z-index: auto; } } @media (max-width: 568px) { #main-header { min-height: 93px; } } #main-header.headroom { position: fixed; top: 0; right: 0; left: 0; } @media (max-width: 979px) { #main-header.headroom { position: relative; top: auto; right: auto; left: auto; } } #main-header.headroom--pinned { } #main-header.headroom--pinned #main-header-bottom { -ms-transform: translateY(0); transform: translateY(0); } @media (max-width: 979px) { #main-header.headroom--pinned #main-header-bottom { -ms-transform: none; transform: none; } } #main-header.headroom--unpinned { border-bottom: none; } #main-header.headroom--unpinned #main-header-bottom { -ms-transform: translateY(-44px); transform: translateY(-44px); } @media (max-width: 979px) { #main-header.headroom--unpinned #main-header-bottom { -ms-transform: none; transform: none; } } #main-header.headroom--unpinned #main-header-left, #main-header.headroom--unpinned #main-header-right { top: -42px; } #main-header.headroom--unpinned #logo { padding-bottom: 10px; } #main-header #main-header-top { position: relative; z-index: 900; width: 1230px; max-width: 90%; margin-left: auto; margin-right: auto; } @media (max-width: 979px) { #main-header #main-header-top { z-index: auto; width: 100%; max-width: 100%; } } #main-header #main-header-left { position: absolute; z-index: 500; top: -52px; left: 7px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; transition: opacity 0.2s, top 0s; } #main-header #main-header-left:after { content: ''; display: block; clear: both; } @media (max-width: 979px) { #main-header #main-header-left { top: 0; right: 0; left: 0; } } #main-header #main-header-right { position: absolute; z-index: 500; top: -52px; right: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; transition: opacity 0.2s, top 0s; } @media (max-width: 979px) { #main-header #main-header-right { right: 5%; } } #main-header #main-header-right .js-mini-cart__content { } #main-header #main-header-right .js-mini-cart__content ul, #main-header #main-header-right .js-mini-cart__content li {/* margin: 0; padding: 0; list-style-type: none; list-style-image: none; *//* TODO Studio Emma */ } #main-header #main-header-bottom { z-index: 100; background: #ffffff; border-bottom: 1px solid #c9c9c9; transition: transform 0.3s; } @media (max-width: 979px) { #main-header #main-header-bottom { position: absolute; top: 0; min-width: 320px; background: transparent; border-bottom: none; } } @media (max-width: 768px) { #main-header #main-header-bottom { width: 100%; } } @media (max-width: 568px) { #main-header #main-header-bottom { top: -8px; } } .js-loaded #main-header { } .js-loaded #main-header #main-header-left, .js-loaded #main-header #main-header-right { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .touch #main-header a { /* color: var(--basic-text) !important; &.active, &.active-trail { color: var(--brand-color) !important; background: transparent !important; } */ } .admin-menu { } .admin-menu #main-header.headroom { top: 29px; } .admin-menu #main-header.headroom--unpinned { } .admin-menu #main-header.headroom--unpinned #main-header-left, .admin-menu #main-header.headroom--unpinned #main-header-right { top: -52px; } .admin-menu #main-header.headroom--unpinned #logo { margin-bottom: 0; } /*! -------------------------------------------------- #logo -------------------------------------------------- */ #logo-wrapper { position: relative; z-index: 900; display: block; width: 100%; height: 100%; background: #ffffff } @media (max-width: 979px) { #logo-wrapper { z-index: 100; } } #logo { width: 179px; max-width: 100%; margin: 0 auto 0 auto; padding-top: 10px; padding-bottom: 20px; background: #ffffff } @media (max-width: 979px) { #logo { margin: 20px auto; padding-top: 0; padding-bottom: 0; } } @media (max-width: 568px) { #logo { width: 125px; } } #logo a { position: relative; z-index: 1000; display: inline-block; text-align: center; } #logo img { width: 100%; } #logo-normal { } @media { #logo-normal { display: none; } } #logo-hr { display: none } @media { #logo-hr { display: inline-block; } } .admin-menu { } .admin-menu #logo { margin-bottom: 0; padding-bottom: 20px; } @media (max-width: 979px) { .admin-menu #logo { margin-bottom: 0; padding-bottom: 15px; } } /*! -------------------------------------------------- #search -------------------------------------------------- */ .search-wrapper { float: left; margin-right: 15px } @media (max-width: 979px) { .search-wrapper { width: 100%; margin-right: 0; } } .search-wrapper .search { position: relative;/*display: inline-block;*/ display: none; width: 25px; height: 25px; text-indent: -9999em; } .search-wrapper .search:after { content: ''; display: inline-block; width: 25px; height: 25px; position: absolute; top: 0; left: 0; background: url('/sites/all/themes/veritas2017/images/distribution/icons/icon__search.svg') no-repeat center center; background-size: 25px 25px; } @media (max-width: 979px) { .search-wrapper .search:after { display: none; } } .search-wrapper.js-hover-active .region-header-search { z-index: 500; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .search-wrapper.js-hover-active .region-header-search form .form-item { width: 320px; } .search-wrapper.js-hover-active .region-header-search form .form-item input { padding-left: 40px; padding-right: 34px !important; } .search-wrapper.js-hover-active .region-header-search .callback-wrapper { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .region-header-search { /*position: absolute;*/ position: relative; /*z-index: -1;*/ z-index: 500; /*top: 0; left: 0;*/ /*opacity: 0;*/ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; transition: opacity 0.3s } @media (max-width: 979px) { .region-header-search { z-index: 500; right: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } } .region-header-search div.messages { display: none !important; } .region-header-search form { position: relative; z-index: 100; } .region-header-search form label.error { display: none !important; } .region-header-search form .form-item { float: left;/*width: 0;*/ width: 225px; margin: -7px 0 0 -5px; transition: width 0.3s; } @media (max-width: 1200px) { .region-header-search form .form-item { width: 145px; } } @media (max-width: 979px) { .region-header-search form .form-item { width: 100%; margin: 0; } } .region-header-search form .form-item input { min-height: 0; padding: 10px 15px 8px 40px; padding-right: 34px !important; border: 1px solid #c9c9c9; font-family: 'slabo27', arial, serif; font-size: 16px; line-height: 1.15; transition: padding 0.3s; } @media (max-width: 979px) { .region-header-search form .form-item input { margin-left: 0; padding-left: 20px; padding-right: 34px !important; border-left: none; border-right: none; } } .region-header-search form .form-item .description { display: none; } .region-header-search form input[type='submit'] { position: absolute; top: 0; left: 0; float: left; width: 25px; height: 25px; background: url('/sites/all/themes/veritas2017/images/distribution/icons/icon__search.svg') no-repeat center center; background-size: 25px 25px; text-indent: -9999em; cursor: pointer; outline: 0; } @media (max-width: 979px) { .region-header-search form input[type='submit'] { top: 5.5px; left: auto; right: 20px; background-size: 22px 22px; } } .region-header-search .callback-wrapper { min-width: 220px; top: 31px !important; left: -5px; border-left: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; box-shadow: none;/*opacity: 0;*/ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; transition: opacity 0.3s; } @media (max-width: 1200px) { .region-header-search .callback-wrapper { min-width: 150px; } } @media (max-width: 979px) { .region-header-search .callback-wrapper { max-width: 100% !important; top: 38px !important; left: 0; border-left: none; border-right: none; } } .region-header-search .callback-wrapper .ac-results { } .region-header-search .callback-wrapper .ac-results .categories-title { margin-bottom: 5px; font-weight: normal; } .region-header-search .callback-wrapper .ac-results .categories-list { margin-top: 0; margin-bottom: 0; padding-left: 0; } .region-header-search .callback-wrapper .ac-results .categories-list li a { display: inline-block; cursor: pointer; padding: 6px 12px; border: 0px; color: #ffffff; font-size: 21px; font-size: 2.1rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; text-transform: uppercase; transition: all 0.3s; background-color: #363a3b; border: none; font-size: 16px; border-radius: 0; } .region-header-search .callback-wrapper .ac-results .categories-list li a:hover { background-color: #4d5253; } .region-header-search .callback-wrapper .direct-hits-wrapper { padding: 15px; } .region-header-search .callback-wrapper .direct-hits-wrapper .direct-hits--notfound { color: #e45959; } .region-header-search .callback-wrapper .direct-hits-wrapper li { } .region-header-search .callback-wrapper .direct-hits-wrapper li a { padding: 0; } .region-header-search .callback-wrapper .direct-hits-wrapper li .hit-type { } .region-header-search .callback-wrapper .direct-hits-wrapper li .hit-label { } .region-header-search .callback-wrapper .content-wrapper { border-top: 1px dashed #c9c9c9; padding: 15px; } .region-header-search .callback-wrapper .content-wrapper ul { } .region-header-search .callback-wrapper .content-wrapper ul li { margin-bottom: 10px; } .region-header-search .callback-wrapper .content-wrapper ul li a { padding-left: 11px; background: url('/sites/all/themes/veritas2017/images/distribution/icons/icon__arrow-black-right.svg') no-repeat -1px 5px; background-size: 7px 7px; font-size: 13px; text-transform: uppercase; text-decoration: none !important; } #veritas-search-autocomplete-form .form-text.loading { background-image: url(../images/distribution/icon__loader.svg) } @media (max-width: 979px) { #veritas-search-autocomplete-form .form-text.loading { background-position: right 60px center; } } /*! -------------------------------------------------- #location -------------------------------------------------- */ .location-wrapper { float: left; margin-right: 15px; transition: opacity 0.3s } @media (max-width: 979px) { .location-wrapper { position: relative; z-index: 5; width: 100%; margin-top: 27px; padding: 18px 15px 7.5px 15px; background: #363a3b; } } .location-wrapper .location { overflow: hidden; position: relative; display: inline-block; width: 0; height: 25px; max-width: 135px; padding-left: 26px; font-size: 16px; transition: width 0.3s; } @media (max-width: 979px) { .location-wrapper .location { width: 100% !important; max-width: 100% !important; padding-left: 30px; } } .location-wrapper .location:after { content: ''; display: inline-block; width: 25px; height: 25px; position: absolute; top: 0; left: 0; background: url('/sites/all/themes/veritas2017/images/distribution/icons/icon__location.svg') no-repeat center center; background-size: 25px 25px; } .location-wrapper .location span.title { display: inline-block; text-indent: -9999em; } .location-wrapper .location span.subtitle { float: left; margin-top: -23px; color: #bebdbc; font-size: 16px; font-family: 'slabo27', arial, serif; text-indent: 0; white-space: nowrap; } @media (max-width: 979px) { .location-wrapper .location span.subtitle { margin-top: 0 !important; } } .js-search-active .location-wrapper { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; } .js-hover-active .location { padding-right: 4px; } /*! -------------------------------------------------- #language -------------------------------------------------- */ /* Hide the dropdown language select => This is necessary because we need 2 language selects, 1 for SE (eshop part) and for 1 Duo */ /* On the SE (eshop) part there is older CSS en JS for the header */ #block-lang-dropdown-language { display: none; } .language-wrapper { position: relative; float: left; min-width: 180px; transition: opacity 0.12s ease-in } @media (max-width: 979px) { .language-wrapper { position: relative; z-index: 5; width: 100% !important; padding: 7.5px 15px 18px 15px; background: #363a3b; } } .location-wrapper.js-hover-active + .language-wrapper { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; } #block-locale-language { float: left; margin-right: 15px } @media (max-width: 979px) { #block-locale-language { width: 100%; text-align: left; } } #block-locale-language > .language-link { position: relative; overflow: hidden; float: left; display: inline-block; height: 25px; padding-left: 4px; color: #bebdbc; cursor: pointer; } #block-locale-language > .language-link:focus { outline: none; } @media (max-width: 979px) { #block-locale-language > .language-link { padding-left: 0; width: 100% !important; } #block-locale-language > .language-link:hover, #block-locale-language > .language-link:focus { color: #bebdbc; } } #block-locale-language .content { clear: both; float: left; width: 0; margin-top: 10px; overflow: hidden; } #block-locale-language ul.language-switcher-locale-url { margin: 0; padding: 0; position: relative; padding: 7px 13px; background: #ffffff; border: 1px solid #bebdbc; display: none; } #block-locale-language ul.language-switcher-locale-url li { margin: 0; padding: 0; list-style-type: none; list-style-image: none; } @media (max-width: 979px) { #block-locale-language ul.language-switcher-locale-url { background: transparent; } } #block-locale-language ul.language-switcher-locale-url:after { content: ''; display: inline-block; position: absolute; top: -11px; left: 50%; width: 10px; height: 10px; margin-left: -5px; background: #ffffff; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #bebdbc; } @media (max-width: 979px) { #block-locale-language ul.language-switcher-locale-url:after { display: none; left: 25%; background: transparent; } } #block-locale-language a { display: block; color: #bebdbc; font-family: 'slabo27', serif; font-size: 16px; cursor: pointer; white-space: nowrap; } #block-locale-language a img { float: left; width: 24px; min-width: 24px; height: auto; margin-right: 6px; margin-top: 3px; vertical-align: middle; } #block-locale-language a span { display: inline-block; margin-top: 2px; margin-left: 1px; font-family: 'slabo27', serif; font-size: 16px; cursor: pointer; white-space: nowrap; } @media (max-width: 1200px) { #block-locale-language a span { font-size: 14px; } } @media (max-width: 979px) { #block-locale-language a span { font-size: 16px; } } #block-locale-language ul a { } #block-locale-language ul a:hover, #block-locale-language ul a.active { color: #363a3b; } @media (max-width: 979px) { #block-locale-language ul a:hover, #block-locale-language ul a.active { color: #ffffff; border: none !important; } } #block-locale-language ul * { } @media (max-width: 979px) { #block-locale-language ul * { border: none !important; } } #block-locale-language.is-active { } #block-locale-language.is-active ul.language-switcher-locale-url { display: block; } #block-locale-language.is-active .content { } @media (max-width: 979px) { #block-locale-language.is-active .content { width: 100%; overflow: visible; } } #block-locale-language.is-hover.is-active { } #block-locale-language.is-hover.is-active .content { width: auto; overflow: visible; } @media (max-width: 979px) { #block-locale-language.is-hover.is-active .content { width: 100%; } } /*! -------------------------------------------------- #account/shopping basket 'Studio Emma' -------------------------------------------------- */ #main-header-right { /*overflow: hidden;*/ } #main-header-right:after { content: ''; display: block; clear: both } #main-header-right #ajaxcart { color: #ffffff !important; } #log-in-box, #block-veritas-core-veritas-core-magento-login { float: left } #log-in-box a span, #block-veritas-core-veritas-core-magento-login a span { float: right; margin-top: 3px; margin-left: 4px; text-decoration: none !important; } @media (max-width: 768px) { #log-in-box a span, #block-veritas-core-veritas-core-magento-login a span { display: none; } } #log-in-box > .js-account-menu a span, #block-veritas-core-veritas-core-magento-login > .js-account-menu a span { color: #363a3b; font-size: 16px; } #log-in-box > .js-account-menu a span:hover, #block-veritas-core-veritas-core-magento-login > .js-account-menu a span:hover { color: #dc934c; } #block-veritas-core-veritas-core-magento-cart { float: left; } /*! -------------------------------------------------- * * TABLE OF CONTENTS * * main header * logo * * -------------------------------------------------- */ /*! -------------------------------------------------- #main header -------------------------------------------------- */ #main-header { } @media (max-width: 979px) { #main-header { min-height: 108px; } } @media (max-width: 568px) { #main-header { min-height: 93px; } } #main-header #main-header-left { transition: top 0.2s; } /*! -------------------------------------------------- #logo -------------------------------------------------- */ .blog-header #logo { /*width: 128px;*/ width: 110px; padding-bottom: 5px; transition: width 0.2s } @media (max-width: 979px) { .blog-header #logo { width: 70px; margin-top: 10px; margin-bottom: 10px; padding-bottom: 0; } } @media (max-width: 768px) { .blog-header #logo { width: 60px; } } #main-header.blog-header.headroom--unpinned #logo { width: 70px; padding-bottom: 5px; } /*! -------------------------------------------------- * * TABLE OF CONTENTS * * responsive button * main nav * featured-in block * * -------------------------------------------------- */ /*! -------------------------------------------------- #responsive button -------------------------------------------------- */ [data-role="responsive-button"] { position: relative; display: none; padding-left: 40px /* Icon */ } @media (max-width: 979px) { [data-role="responsive-button"] { display: block; } } [data-role="responsive-button"] .menu-icon { position: absolute; top: 50%; left: 11.53846px; display: block; width: 15px; height: 1px; background: #dc934e; transition: background 0.3s; } [data-role="responsive-button"] .menu-icon:before, [data-role="responsive-button"] .menu-icon:after { transition: all 0.3s; content: ""; position: absolute; width: 100%; height: 1px; background: #dc934e; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } [data-role="responsive-button"] .menu-icon:before { top: -4px; left: 0; } [data-role="responsive-button"] .menu-icon:after { bottom: -4px; left: 0; } html.main__nav--responsive--visible [data-role="responsive-button"] .menu-icon { background: transparent; } html.main__nav--responsive--visible [data-role="responsive-button"] .menu-icon:before { top: 0; -ms-transform: rotate(-45deg); transform: rotate(-45deg); } html.main__nav--responsive--visible [data-role="responsive-button"] .menu-icon:after { bottom: 0; -ms-transform: rotate(45deg); transform: rotate(45deg); } /*! -------------------------------------------------- #main nav -------------------------------------------------- */ #main-nav { } #main-nav nav > ul { margin: 0; padding: 0; } #main-nav nav > ul:after { content: ''; display: block; clear: both; } #main-nav nav > ul li { margin: 0; padding: 0; list-style-type: none; list-style-image: none; } #main-nav nav > ul li { float: left; margin-right: 15px; } @media (max-width: 979px) { #main-nav nav > ul { } #main-nav nav > ul li { float: none; width: auto; margin: 0px; padding: 0px; display: block; } } #main-nav .tb-megamenu { background: transparent;/* Dropdown *//* End of dropdown */ } #main-nav .tb-megamenu .nav { font-size: 16px; text-align: center;/* First level *//* End of first level */ } @media (max-width: 979px) { #main-nav .tb-megamenu .nav { padding-top: 17px; padding-bottom: 17px; } } #main-nav .tb-megamenu .nav > li { float: none; display: inline-block; } @media (max-width: 979px) { #main-nav .tb-megamenu .nav > li { display: block; margin-bottom: 3px; } } #main-nav .tb-megamenu .nav > li > a { position: relative; padding: 10px 12px 10px 10px; color: #363a3b; background: transparent; border-right: none; font-size: 16px; font-family: 'fjalla', Arial, Helvetica, sans-serif; font-weight: 400; } @media (max-width: 979px) { #main-nav .tb-megamenu .nav > li > a { margin: 0 20px; padding: 5px 0; border-bottom: 1px solid #bebdbc; border-top: none; font-size: 20px; text-transform: uppercase; } } #main-nav .tb-megamenu .nav > li > a:after { content: ''; display: inline-block; height: 16px; width: 2px; position: absolute; top: 13px; right: 0; background: #363a3b; } @media (max-width: 979px) { #main-nav .tb-megamenu .nav > li > a:after { display: none; } } #main-nav .tb-megamenu .nav > li > a:before { content: ''; display: inline-block; position: absolute; bottom: 0; left: 0; right: 2px; height: 2px; background-color: #363a3b; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; transition: opacity 0.2s; } @media (max-width: 979px) { #main-nav .tb-megamenu .nav > li > a:before { left: auto; background-color: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } } #main-nav .tb-megamenu .nav > li > a:hover { color: #363a3b; } #main-nav .tb-megamenu .nav > li > a:hover:before { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } #main-nav .tb-megamenu .nav > li:last-child { } #main-nav .tb-megamenu .nav > li:last-child a:after { display: none; } #main-nav .tb-megamenu .nav > li.dropdown > a { } #main-nav .tb-megamenu .nav > li.dropdown > a:before { } @media (max-width: 979px) { #main-nav .tb-megamenu .nav > li.dropdown > a:before { content: ''; display: inline-block; width: 10px; height: 10px; position: absolute; top: 50%; right: 0; margin-top: -5px; background: url('/sites/all/themes/veritas2017/images/distribution/icons/icon__arrow-black-right.svg') no-repeat right center; background-size: 10px 10px; -ms-transform: rotate(90deg); transform: rotate(90deg); } } #main-nav .tb-megamenu .nav > li.dropdown > a[data-status='opened'] { } #main-nav .tb-megamenu .nav > li.dropdown > a[data-status='opened']:before { } @media (max-width: 979px) { #main-nav .tb-megamenu .nav > li.dropdown > a[data-status='opened']:before { -ms-transform: rotate(270deg); transform: rotate(270deg); } } #main-nav .tb-megamenu .nav > li.active a, #main-nav .tb-megamenu .nav > li.active-trail a { color: #363a3b; } #main-nav .tb-megamenu .nav > li.active a:before, #main-nav .tb-megamenu .nav > li.active-trail a:before { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } #main-nav .tb-megamenu .nav > li:first-child a { display: inline-block; width: 40px; text-indent: -9999em; } @media (max-width: 979px) { #main-nav .tb-megamenu .nav > li:first-child a { display: none; } } #main-nav .tb-megamenu .nav > li:first-child a:before { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0 !important; } #main-nav .tb-megamenu .nav > li:first-child a:after { content: ''; display: inline-block; width: 25px; height: 25px; position: absolute; top: 40%; left: 50%; -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: url('/sites/all/themes/veritas2017/images/distribution/icons/icon__home.svg') no-repeat center center; background-size: 25px 25px; } #main-nav .tb-megamenu .nav > li:last-child { a { padding-right: 10px; } a:after { display: none; } } #main-nav .tb-megamenu .mega { text-align: left;/* level 1 *//* level 2 */ } #main-nav .tb-megamenu .mega a[href="#"] { cursor: default; text-decoration: none !important; } #main-nav .tb-megamenu .mega > .mega-dropdown-menu { width: 100%; padding: 30px 0; font-family: 'fjalla', Arial, Helvetica, sans-serif; border-top: 1px solid #bebdbc; border-bottom: 1px solid #bebdbc; border-left: none; border-right: none; box-shadow: none; } @media (max-width: 979px) { #main-nav .tb-megamenu .mega > .mega-dropdown-menu { padding: 15px 0; border-top: none; border-bottom: none; } } #main-nav .tb-megamenu .mega > .mega-dropdown-menu > .mega-dropdown-inner { width: 1230px; max-width: 90%; margin-left: auto; margin-right: auto; } @media (max-width: 979px) { #main-nav .tb-megamenu .mega > .mega-dropdown-menu > .mega-dropdown-inner { width: 100%; max-width: 100%; } } #main-nav .tb-megamenu .mega > .mega-dropdown-menu .dropdown-toggle { display: none; } @media (max-width: 979px) { #main-nav .tb-megamenu .mega > .mega-dropdown-menu .dropdown-toggle { display: block; } } #main-nav .tb-megamenu .mega .mega-inner { padding: 0; } #main-nav .tb-megamenu .mega ul.level-1 { } #main-nav .tb-megamenu .mega ul.level-1 > li { } #main-nav .tb-megamenu .mega ul.level-1 > li > a { padding: 0 0 5px 0; color: #363a3b; background: #ffffff !important; border: none; font-weight: 400; text-transform: uppercase; filter: none !important; transition: color 0.3s; } @media (max-width: 979px) { #main-nav .tb-megamenu .mega ul.level-1 > li > a { position: relative; margin-left: 10px !important; font-size: 17px; color: #bebdbc; line-height: 18px; } } #main-nav .tb-megamenu .mega ul.level-1 > li > a:after { display: none; content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 1px; background: #e1e1e1; } @media (max-width: 979px) { #main-nav .tb-megamenu .mega ul.level-1 > li > a:after { display: block; } } #main-nav .tb-megamenu .mega ul.level-1 > li > a:hover { text-decoration: underline; } @media (max-width: 979px) { #main-nav .tb-megamenu .mega ul.level-1 > li > a:hover { color: #363a3b; text-decoration: none; } } #main-nav .tb-megamenu .mega ul.level-1 > li .mega-group-title { position: relative; } #main-nav .tb-megamenu .mega ul.level-1 > li .mega-group-title:before { } @media (max-width: 979px) { #main-nav .tb-megamenu .mega ul.level-1 > li .mega-group-title:before { content: ''; display: inline-block; width: 10px; height: 10px; position: absolute; top: 50%; right: 0; margin-top: -8px; background: url('/sites/all/themes/veritas2017/images/distribution/icons/icon__arrow-black-right.svg') no-repeat right center; background-size: 10px 10px; -ms-transform: rotate(90deg); transform: rotate(90deg); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; opacity: 0.2; } } #main-nav .tb-megamenu .mega ul.level-1 > li .mega-group-title[data-status='opened'] { } @media (max-width: 979px) { #main-nav .tb-megamenu .mega ul.level-1 > li .mega-group-title[data-status='opened'] { color: #363a3b; } } #main-nav .tb-megamenu .mega ul.level-1 > li .mega-group-title[data-status='opened']:before { } @media (max-width: 979px) { #main-nav .tb-megamenu .mega ul.level-1 > li .mega-group-title[data-status='opened']:before { -ms-transform: rotate(270deg); transform: rotate(270deg); } } #main-nav .tb-megamenu .mega ul.level-1 > li .mega-group-title[data-status='opened'] + .tb-megamenu-submenu { } @media (max-width: 979px) { #main-nav .tb-megamenu .mega ul.level-1 > li .mega-group-title[data-status='opened'] + .tb-megamenu-submenu { overflow: visible; height: auto; } } #main-nav .tb-megamenu .mega ul.level-1 > li .tb-megamenu-submenu { } @media (max-width: 979px) { #main-nav .tb-megamenu .mega ul.level-1 > li .tb-megamenu-submenu { overflow: hidden; height: 0; } } #main-nav .tb-megamenu .mega ul.level-1 > li.active > a, #main-nav .tb-megamenu .mega ul.level-1 > li.active-trail > a { text-decoration: underline; background: transparent !important; } @media (max-width: 979px) { #main-nav .tb-megamenu .mega ul.level-1 > li.active > a, #main-nav .tb-megamenu .mega ul.level-1 > li.active-trail > a { color: #363a3b; text-decoration: none; } } #main-nav .tb-megamenu .mega ul.level-2 { margin-bottom: 25px; } @media (max-width: 979px) { #main-nav .tb-megamenu .mega ul.level-2 { margin-top: 5px; margin-bottom: 0; margin-left: 20px; } } #main-nav .tb-megamenu .mega ul.level-2 > li { } #main-nav .tb-megamenu .mega ul.level-2 > li.level-3 { } #main-nav .tb-megamenu .mega ul.level-2 > li.level-3 .dropdown-toggle { display: block; } #main-nav .tb-megamenu .mega ul.level-2 > li.level-3 .dropdown-toggle:after { display: none; } #main-nav .tb-megamenu .mega ul.level-2 > li.level-3 .dropdown-menu { display: none; } #main-nav .tb-megamenu .mega ul.level-2 > li > a { padding: 3px 0; color: #363a3b; border: none; font-size: 15px; font-family: 'slabo27', serif; text-transform: none; filter: none !important; transition: color 0.1s; } @media (max-width: 979px) { #main-nav .tb-megamenu .mega ul.level-2 > li > a { padding: 5px 0; } } #main-nav .tb-megamenu .mega ul.level-2 > li > a:hover { color: #df9c5b; } #main-nav .tb-megamenu .mega ul.level-2 > li > a.mega-group-title { display: none; } @media (max-width: 979px) { #main-nav .tb-megamenu .mega ul.level-2 > li > a.mega-group-title { display: block; } } #main-nav .tb-megamenu .mega ul.level-2 > li > a.mega-group-title:before { display: none; } #main-nav .tb-megamenu .mega ul.level-2 > li.active > a, #main-nav .tb-megamenu .mega ul.level-2 > li.active-trail > a { color: #df9c5b; background: transparent; } #main-nav .tb-megamenu .row-fluid { } #main-nav .tb-megamenu .row-fluid + .row-fluid { padding-top: 0; padding-bottom: 10px; border-top: none; } #main-nav .tb-megamenu .row-fluid .mega-col-nav { } #main-nav .tb-megamenu .row-fluid .mega-col-nav:after { content: ''; display: none; position: absolute; top: 30px; bottom: 30px; width: 1px; background: #bebdbc; } @media (max-width: 979px) { #main-nav .tb-megamenu .row-fluid .mega-col-nav:after { display: none !important; } } #main-nav .tb-megamenu .row-fluid .mega-col-nav > .mega-inner { padding-left: 20px; padding-right: 20px; } #main-nav .tb-megamenu .row-fluid .mega-col-nav > .mega-inner .mega-inner { padding: 0; } #main-nav .tb-megamenu .row-fluid .mega-col-nav .mega-col-nav { } #main-nav .tb-megamenu .row-fluid .mega-col-nav .mega-col-nav:after { display: none; } #main-nav .tb-megamenu .row-fluid .mega-col-nav:first-child { border-left: none; } #main-nav .tb-megamenu .row-fluid .mega-col-nav.line { } #main-nav .tb-megamenu .row-fluid .mega-col-nav.line:after { display: inline-block; } #main-nav .tb-megamenu .row-fluid .span2 { } #main-nav .tb-megamenu .row-fluid .span4 { } #main-nav .tb-megamenu .dropup, #main-nav .tb-megamenu .dropdown { position: static; } @media (max-width: 979px) { .tb-megamenu { } .tb-megamenu .btn-navbar { position: relative; z-index: 1000; width: 50px; margin-left: 5%; margin-bottom: 0; padding: 10px 2px; background: transparent;/* background: transparent url('/sites/all/themes/veritas2017/images/distribution/icons/icon__menu.svg') no-repeat center left; background-size: 20px 20px; */ box-shadow: none; text-shadow: none; border-radius: 0; border: none; outline: none; color: #000000; } .tb-megamenu .btn-navbar:hover, .tb-megamenu .btn-navbar:focus, .tb-megamenu .btn-navbar:active { background: transparent; color: #000000; box-shadow: none; } .tb-megamenu .btn-navbar:focus { outline: none; } .tb-megamenu .btn-navbar .tb-megamenu-button__icon { display: block; width: 20px; height: 20px; margin: 0 auto; background-color: transparent; background-image: url('/sites/all/themes/veritas2017/images/distribution/icons/icon__menu.svg'); background-repeat: no-repeat; background-position: center center; } .tb-megamenu .btn-navbar .tb-megamenu-button__text { display: block; font-size: 1.2rem; line-height: 1; text-transform: uppercase; text-align: center; margin-top: 4px; word-wrap: break-word; transition: opacity 0.12s ease; } .tb-megamenu .nav-collapse { top: 45px; border-top: none; } .tb-megamenu .nav-collapse:before { content: ''; display: block; width: 80px; height: 71px; position: absolute; top: -71px; left: 0; background: #ffffff; border-right: 1px solid #bebdbc; } .tb-megamenu .nav-collapse > .tb-megamenu-nav { position: relative; } .tb-megamenu .nav-collapse, .tb-megamenu .nav-collapse .dropdown-menu { background: #ffffff; } .tb-megamenu .nav-collapse .nav > li > a, .tb-megamenu .nav-collapse a, .tb-megamenu .nav-collapse .dropdown-menu .nav > li > a, .tb-megamenu .nav-collapse .dropdown-menu a { border-bottom: none; } .tb-megamenu .dropdown-toggle { } .tb-megamenu .dropdown-toggle + .tb-megamenu-submenu { } .tb-megamenu .dropdown-toggle[data-status='opened'] { color: #dc934e !important; } .tb-megamenu .dropdown-toggle[data-status='opened'] + .tb-megamenu-submenu { } .tb-megamenu .tb-megamenu-item.dropdown > a:not(.dropdown-toggle), .tb-megamenu .tb-megamenu-submenu a { margin-left: 0 !important; } .tb-megamenu .tb-megamenu-column { margin-bottom: 15px; } .tb-megamenu .tb-megamenu-column .tb-megamenu-column { margin-bottom: 0; border: none; } .tb-megamenu .tb-megamenu-subnav.level-1 { } .tb-megamenu .tb-megamenu-subnav.level-1 > li { margin-bottom: 15px; } .tb-megamenu .tb-megamenu-subnav.level-1 > li:first-child a.dropdown-toggle { display: none; } .tb-megamenu .tb-megamenu-subnav.level-1 > li:last-child { margin-bottom: 0; } html.main__nav--responsive--visible { /* & .tb-megamenu .btn-navbar { background: transparent url('/sites/all/themes/veritas2017/images/distribution/icons/icon__close.svg') no-repeat center left; background-size: 20px 20px; } */ } html.main__nav--responsive--visible .tb-megamenu .tb-megamenu-button__icon { background-color: transparent; background-image: url('/sites/all/themes/veritas2017/images/distribution/icons/icon__close.svg'); background-repeat: no-repeat; background-position: center center; } html.main__nav--responsive--visible .tb-megamenu .tb-megamenu-button__text { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; } html.main__nav--responsive--visible .nav-collapse { } } @media (max-width: 979px) and (max-width: 768px) { .tb-megamenu .btn-navbar { margin-left: 17px; } } @media (max-width: 979px) and (max-width: 568px) { .tb-megamenu .nav-collapse { top: 37px; } } @media (max-width: 979px) and (max-width: 979px) { .tb-megamenu .dropdown-toggle + .tb-megamenu-submenu { overflow: hidden; height: 0; padding: 0 !important; } } @media (max-width: 979px) and (max-width: 979px) { .tb-megamenu .dropdown-toggle[data-status='opened'] + .tb-megamenu-submenu { overflow: visible; height: auto; padding: 15px 0 0 0 !important; } } @media (max-width: 979px) and (max-width: 979px) { .tb-megamenu .tb-megamenu-subnav.level-1 > li:first-child a.dropdown-toggle { display: block; text-transform: uppercase; } } @media (max-width: 979px) and (max-width: 979px) { html.main__nav--responsive--visible .nav-collapse { -ms-transform: none !important; transform: none !important;/* bootstrap.css issue from the mega menu module CSS */ } } /*! -------------------------------------------------- #featured-in block -------------------------------------------------- */ .tb-megamenu .dropdown-menu { } .tb-megamenu .dropdown-menu .node-featured-in-menu.node-teaser { } .tb-megamenu .dropdown-menu .node-featured-in-menu.node-teaser .field-item { margin-bottom: 20px; } .tb-megamenu .dropdown-menu .node-featured-in-menu.node-teaser .field-item:last-child { margin-bottom: 0; } .tb-megamenu .dropdown-menu .node-featured-in-menu.node-teaser a { padding: 0; border: none; } @media (max-width: 979px) { .tb-megamenu .dropdown-menu .node-featured-in-menu.node-teaser a { margin-left: 10px !important; } } /*! -------------------------------------------------- * * TABLE OF CONTENTS * * responsive button * main nav * featured-in block * * -------------------------------------------------- */ /*! -------------------------------------------------- #responsive button -------------------------------------------------- */ .blog-header { } .blog-header .btn-navbar-blog { display: none; position: relative; z-index: 2000; width: 40px; margin-left: 5%; margin-bottom: 0; padding: 10px; background: transparent url('/sites/all/themes/veritas2017/images/distribution/icons/icon__menu.svg') no-repeat center left; background-size: 20px 20px; box-shadow: none; text-shadow: none; border-radius: 0; border: none; outline: none; cursor: pointer; } html.main__nav--responsive--visible .blog-header .btn-navbar-blog { background: transparent url('/sites/all/themes/veritas2017/images/distribution/icons/icon__close.svg') no-repeat center left; background-size: 20px 20px; } @media (max-width: 979px) { .blog-header .btn-navbar-blog { display: block; } } @media (max-width: 768px) { .blog-header .btn-navbar-blog { margin-left: 17px; margin-top: 4px; } } .blog-header .btn-navbar-blog i { } .blog-header .btn-navbar-blog i:before { display: none; } .blog-header .btn-navbar-blog:hover, .blog-header .btn-navbar-blog:focus, .blog-header .btn-navbar-blog:active { background: transparent url('/sites/all/themes/veritas2017/images/distribution/icons/icon__menu.svg') no-repeat center left; background-size: 20px 20px; box-shadow: none; outline: none; } /*! -------------------------------------------------- #main nav -------------------------------------------------- */ .blog-header { /* Logo menu */ /* Menu */ } .blog-header #main-nav { text-align: center; } .blog-header #main-nav:before { content: ''; display: none; width: 54px; height: 71px; position: absolute; top: -71px; left: 0; background: #ffffff; border-right: 1px solid #bebdbc; } html.main__nav--responsive--visible .blog-header #main-nav:before { } @media (max-width: 979px) { html.main__nav--responsive--visible .blog-header #main-nav:before { display: block; } } @media (max-width: 979px) { .blog-header #main-nav { overflow: hidden; width: 100%; height: 0; padding-top: 0; padding-bottom: 0; text-align: left; background: #ffffff; } } html.main__nav--responsive--visible .blog-header #main-nav { } @media (max-width: 979px) { html.main__nav--responsive--visible .blog-header #main-nav { overflow: visible; height: auto; top: 50px; padding-top: 0; padding-bottom: 0; } } .blog-header #main-nav nav > ul, .blog-header #main-nav .logo-menu { margin: 0; padding: 0; } .blog-header #main-nav nav > ul:after, .blog-header #main-nav .logo-menu:after { content: ''; display: block; clear: both; } .blog-header #main-nav nav > ul li, .blog-header #main-nav .logo-menu li { margin: 0; padding: 0; list-style-type: none; list-style-image: none; } .blog-header #main-nav nav > ul li, .blog-header #main-nav .logo-menu li { float: left; margin-right: 15px; margin-top: 5px; } @media (max-width: 979px) { .blog-header #main-nav nav > ul, .blog-header #main-nav .logo-menu { } .blog-header #main-nav nav > ul li, .blog-header #main-nav .logo-menu li { float: none; width: auto; margin: 0px; padding: 0px; display: block; } } .blog-header .menu-blog { } @media (max-width: 979px) { .blog-header .menu-blog { height: calc(100vh - 71px) !important; overflow-y: auto !important; padding-top: 17px; } } .blog-header #main-nav .logo-menu { display: inline-block; } @media (max-width: 979px) { .blog-header #main-nav .logo-menu { display: block; margin: 0 20px 15px 14px; } } .blog-header #main-nav .logo-menu li { margin-right: 0; } @media (max-width: 979px) { .blog-header #main-nav .logo-menu li { display: inline-block; margin-right: 7px; } } .blog-header #main-nav .logo-menu a { display: inline-block; width: 35px; height: 25px; text-indent: -9999em; transition: opacity 0.3s; } .blog-header #main-nav .logo-menu a:before { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0 !important; } .blog-header #main-nav .logo-menu a:after { content: ''; display: inline-block; width: 25px; height: 25px; position: absolute; top: 40%; left: 50%; -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .blog-header #main-nav .logo-menu a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; opacity: 0.7; } .blog-header #main-nav .logo-menu a.veritas { background: url('/sites/all/themes/veritas2017/images/distribution/icons/icon__veritas.png') no-repeat center center; background-size: 25px 25px; } @media { .blog-header #main-nav .logo-menu a.veritas { background: url('/sites/all/themes/veritas2017/images/distribution/icons/icon__veritas_4x.png') no-repeat center center; background-size: 25px 25px; } } .blog-header #main-nav .logo-menu a.veritas-atelier { background: url('/sites/all/themes/veritas2017/images/distribution/icons/icon__atelier.png') no-repeat center center; background-size: 25px 25px; } @media { .blog-header #main-nav .logo-menu a.veritas-atelier { background: url('/sites/all/themes/veritas2017/images/distribution/icons/icon__atelier_4x.png') no-repeat center center; background-size: 25px 25px; } } .blog-header #main-nav .logo-menu a.home { background: url('/sites/all/themes/veritas2017/images/distribution/icons/icon__home.svg') no-repeat center center;/*background-size: 25px 25px;*/ } .blog-header .region-navigation { display: inline-block; vertical-align: top; } @media (max-width: 979px) { .blog-header .region-navigation { display: block; } } .blog-header ul.menu { } .blog-header ul.menu li { float: none; display: inline-block; } @media (max-width: 979px) { .blog-header ul.menu li { display: block; margin-bottom: 3px; } } .blog-header ul.menu li > a { display: inline-block; position: relative; padding: 10px 32px 10px 30px; color: #363a3b; background: transparent; border-right: none; font-size: 16px; font-size: 1.6rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; font-weight: 400; text-transform: uppercase; } @media (max-width: 979px) { .blog-header ul.menu li > a { display: block; margin: 0 20px; padding: 5px 0; border-bottom: 1px solid #bebdbc; border-top: none; font-size: 2rem; text-transform: uppercase; } } .blog-header ul.menu li > a:after { content: ''; display: inline-block; height: 20px; width: 2px; position: absolute; top: 13px; right: 0; background: #363a3b; } @media (max-width: 979px) { .blog-header ul.menu li > a:after { display: none; } } .blog-header ul.menu li > a:before { content: ''; display: inline-block; position: absolute; bottom: 0; left: 0; right: 2px; height: 2px; background-color: #363a3b; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; transition: opacity 0.2s; } @media (max-width: 979px) { .blog-header ul.menu li > a:before { left: auto; background-color: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } } .blog-header ul.menu li > a:hover { color: #363a3b; } .blog-header ul.menu li > a:hover:before { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .blog-header ul.menu li.active a, .blog-header ul.menu li.active-trail a { color: #363a3b; } .blog-header ul.menu li.active a:before, .blog-header ul.menu li.active-trail a:before { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .blog-header ul.menu li:last-child { } .blog-header ul.menu li:last-child a { } .blog-header ul.menu li:last-child a:after { display: none; } /*! -------------------------------------------------- * * TABLE OF CONTENTS * * form item * form elements * * -------------------------------------------------- */ /*! -------------------------------------------------- #form item -------------------------------------------------- */ .form-item { width: 450px; max-width: 100%; margin: 20px 0px 20px 0px } .form-item label { display: block; margin-bottom: 4px; font-weight: normal; } .form-item .description { margin-top: 4px; font-size: 13px; font-size: 1.3rem; color: #bebdbc; } .form-item .description:before { content: "- "; } .form-item.webform-container-inline { overlfow: hidden; } .form-item.webform-container-inline label { float: left; width: 36%; margin-right: 4%; margin-top: 7px; } .form-item.webform-container-inline input { float: left; width: 60%; } .form-item.webform-component-markup { width: 100%; } .form-item.webform-component-date { } .form-item.webform-component-date .webform-container-inline { clear: both; display: block;/* overflow: hidden; */ } /*! -------------------------------------------------- #form elements -------------------------------------------------- */ input.form-text, input[type="text"], input[type="email"], input[type="tel"], textarea, select { width: 100%; padding: 10px 15px 8px 15px; border: 1px solid #c9c9c9; background: #ffffff; outline: 0; font-family: 'slabo27', arial, serif; color: #363a3b; outline: 0; -webkit-appearance: none; border-radius: 0 } input.form-text.error, input[type="text"].error, input[type="email"].error, input[type="tel"].error, textarea.error, select.error { border: 1px solid #e45959 !important; } button { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .form-submit { display: inline-block; cursor: pointer; padding: 6px 12px; border: 0px; color: #ffffff; font-size: 21px; font-size: 2.1rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; text-transform: uppercase; transition: all 0.3s; } #user-login .form-submit, #user-pass .form-submit { display: inline-block; cursor: pointer; padding: 6px 12px; border: 0px; color: #ffffff; font-size: 21px; font-size: 2.1rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; text-transform: uppercase; transition: all 0.3s; background-color: #363a3b; border: none; } #user-login .form-submit:hover, #user-pass .form-submit:hover { background-color: #4d5253; } .grippie { display: none; } .form-required { color: #363a3b; } /* radio btn */ .form-type-radio { margin: 0 auto; text-align: left } .form-type-radio input { display: none; } .form-type-radio label { position: relative; cursor: pointer; padding-left: 27px; } .form-type-radio label:after { content: ''; position: absolute; top: 4px; left: 0px; width: 17px; height: 17px; border: 1px solid #c9c9c9; background: #ffffff; transition: all 0.3s; border-radius: 50%; } .form-type-radio label:before { content: ''; position: absolute; z-index: 5; top: 8px; left: 4px; width: 9px; height: 9px; background: #dc934e; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; transition: opacity 0.3s; border-radius: 50%; } .form-type-radio input:checked + label { } .form-type-radio input:checked + label:before { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } /* checkbox */ .form-type-checkbox { margin: 0 auto; text-align: left } .form-type-checkbox input { display: none; } .form-type-checkbox label { position: relative; cursor: pointer; padding-left: 27px; } .form-type-checkbox label:after { content: ''; position: absolute; top: 4px; left: 0; width: 16px; height: 15px; border: 1px solid #c9c9c9; background: #ffffff; transition: all 0.3s; } .form-type-checkbox input:checked + label { } .form-type-checkbox input:checked + label:after { background: #dc934e; } /* webform datepicker */ .webform-datepicker:after { content: ''; display: block; clear: both } .webform-datepicker .form-type-select { float: left; width: 30.33%; margin-right: 1%; } @media (max-width: 568px) { .webform-datepicker .form-type-select { width: 27.33%; margin-right: 2%; } } .webform-datepicker .form-type-select:last-child { width: 33.33%; margin-right: 0; } .webform-datepicker .webform-calendar { margin-top: 30px; width: auto !important; } .webform-datepicker input.webform-calendar { outline: 0; } /* File upload */ .form-managed-file { overflow: hidden } .form-managed-file .form-file, .form-managed-file .file { overflow: hidden; display: inline-block; float: left; width: 79%; padding: 10px 15px 8px 15px; border: 1px solid #c9c9c9; background: #ffffff; outline: 0; font-family: 'slabo27', arial, serif; font-size: 13px; font-size: 1.3rem; color: #363a3b; outline: 0; -webkit-appearance: none; border-radius: 0; } @media (max-width: 568px) { .form-managed-file .form-file, .form-managed-file .file { width: 100%; margin-bottom: 5px; } } .form-managed-file .form-file.error, .form-managed-file .file.error { border: 1px solid #e45959; } .form-managed-file .form-submit { display: inline-block; cursor: pointer; padding: 6px 12px; border: 0px; color: #ffffff; font-size: 21px; font-size: 2.1rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; text-transform: uppercase; transition: all 0.3s; background-color: #df9c5b; border: none; float: right; height: 40px; margin-left: 5px; cursor: pointer; } .form-managed-file .form-submit:hover { background-color: #eab078; } @media (max-width: 568px) { .form-managed-file .form-submit { float: left; margin-left: 0; } } /* Stylish select */ .newListSelected { position: relative; display: inline-block !important; width: 100%; outline: 0 } .newListSelected .selectedTxt { display: block; width: 100%; padding: 10px 35px 8px 15px; border: 1px solid #c9c9c9; background-color: #ffffff; background: url('/sites/all/themes/veritas2017/images/distribution/icons/icon__arrow-black-down.svg') no-repeat right 15px center; background-size: 14px 14px; outline: 0; font-family: 'slabo27', arial, serif; color: #363a3b; outline: 0; } .newListSelected .selectedTxt.error { border: 1px solid #e45959; } .newListSelected .SSContainerDivWrapper { position: absolute; z-index: 800; top: 44px !important; overflow: auto; display: block; width: 100%; height: auto !important; max-height: 225px; margin-top: -1px; padding: 5px 0; border: 1px solid #c9c9c9; background: #ffffff; outline: 0; font-family: 'slabo27', arial, serif; color: #363a3b; outline: 0; } .newListSelected .SSContainerDivWrapper ul.newList { margin: 0; padding: 0; } .newListSelected .SSContainerDivWrapper ul.newList li { margin: 0; padding: 0; list-style-type: none; list-style-image: none; } .newListSelected .SSContainerDivWrapper ul.newList li:first-child { display: none; } .newListSelected .SSContainerDivWrapper ul.newList li a { display: block; padding: 5px 15px; transition: all 0.3s; } .newListSelected .SSContainerDivWrapper ul.newList li a:hover { background-color: #f7f7f7; color: #363a3b; } /* jquery ui autocomplete dropdown - overwrite default styles */ .ui-autocomplete { font-family: 'slabo27', arial, serif; color: #363a3b; border-radius: 0; border: 1px solid #c9c9c9; background: #ffffff; outline: 0; padding: 5px 0; margin: 0 } .ui-autocomplete .ui-menu-item { font-size: 16px; font-size: 1.6rem; line-height: 1.5; border: 0; margin: 0; } .ui-autocomplete .ui-menu-item a { cursor: pointer; color: #363a3b; border: 0; padding: 5px 15px; transition: background-color 0.3s ease; margin: 0 !important; } .ui-autocomplete a.ui-state-hover, .ui-autocomplete a.ui-state-focus { background: #f7f7f7; border: 0; border-radius: 0; margin: 0 !important; padding: 5px 15px; } /* .ui-autocomplete */ /* webform page */ .node-type-webform { } .node-type-webform .node-webform { } .node-type-webform .node-webform .field-name-title, .node-type-webform .node-webform .field-name-body, .node-type-webform .node-webform form { width: 1230px; max-width: 90%; margin-left: auto; margin-right: auto; } .node-type-webform .node-webform .field-name-title .button-primary, .node-type-webform .node-webform .field-name-body .button-primary, .node-type-webform .node-webform form .button-primary { display: inline-block; cursor: pointer; padding: 6px 12px; border: 0px; color: #ffffff; font-size: 21px; font-size: 2.1rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; text-transform: uppercase; transition: all 0.3s; background-color: #df9c5b; border: none; cursor: pointer; } .node-type-webform .node-webform .field-name-title .button-primary:hover, .node-type-webform .node-webform .field-name-body .button-primary:hover, .node-type-webform .node-webform form .button-primary:hover { background-color: #eab078; } /* Thank you page after submission of a webform */ .page-node-done { } .page-node-done h1 { margin-top: 30px; } .page-node-done h1, .page-node-done .region-content { width: 1230px; max-width: 90%; margin-left: auto; margin-right: auto; } /*! -------------------------------------------------- * * TABLE OF CONTENTS * * user page * * -------------------------------------------------- */ /*! -------------------------------------------------- #user page -------------------------------------------------- */ .path-user { } .path-user article#content { width: 450px; margin: auto; } /*! -------------------------------------------------- * * TABLE OF CONTENTS * * homepage * * -------------------------------------------------- */ /*! -------------------------------------------------- #homepage -------------------------------------------------- */ .node-type-homepage { } .node-type-homepage .block-user { width: 1230px; max-width: 90%; margin-left: auto; margin-right: auto; margin-bottom: 30px; } /*! -------------------------------------------------- * * TABLE OF CONTENTS * * blog homepage * * -------------------------------------------------- */ /*! -------------------------------------------------- #blog homepage -------------------------------------------------- */ .blog-wrapper { /* Recent & popular posts */ /* Tabs */ /* End tabs */ /* Posts */ /* End posts */ /* End recent & popular posts */ } .blog-wrapper .vbl-switch-views-link { margin-bottom: 30px; } .blog-wrapper .vbl-switch-views-link:after { content: ''; display: block; clear: both; } @media (max-width: 568px) { .blog-wrapper .vbl-switch-views-link { margin-top: 30px; } } .blog-wrapper .vbl-switch-views-link a { position: relative; float: left; display: block; width: 50%; padding: 15px 20px; color: #363a3b; border-top: 1px solid #bebdbc; border-bottom: 1px solid #bebdbc; font-size: 26px; font-size: 2.6rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; text-align: center; text-transform: uppercase; transition: all 0.2s; } @media (max-width: 768px) { .blog-wrapper .vbl-switch-views-link a { font-size: 2.4rem; } } @media (max-width: 568px) { .blog-wrapper .vbl-switch-views-link a { font-size: 2rem; } } .blog-wrapper .vbl-switch-views-link a.recent-posts { border-left: 1px solid #bebdbc; } .blog-wrapper .vbl-switch-views-link a.recent-posts:before { content: ''; display: block; position: absolute; z-index: 2; top: -1px; right: 0; bottom: -1px; width: 1px; background: #bebdbc; } .blog-wrapper .vbl-switch-views-link a.recent-posts:after { content: ''; display: block; position: absolute; z-index: 5; top: 0; right: 0; bottom: 0; width: 1px; background: #ffffff; } .blog-wrapper .vbl-switch-views-link a.popular-posts { border-right: 1px solid #bebdbc; } .blog-wrapper .vbl-switch-views-link a.popular-posts:before { content: ''; display: block; position: absolute; z-index: 2; top: -1px; left: 0; bottom: -1px; width: 1px; background: #bebdbc; } .blog-wrapper .vbl-switch-views-link a.popular-posts:after { content: ''; display: block; position: absolute; z-index: 5; top: 0; left: 0; bottom: 0; width: 1px; background: #ffffff; } .blog-wrapper .vbl-switch-views-link a.js-active, .blog-wrapper .vbl-switch-views-link a:hover { background-color: #363a3b; color: #ffffff; border-color: #363a3b; } .blog-wrapper .field-name-most-recent-blog-posts, .blog-wrapper .field-name-most-popular-blog-posts, .blog-wrapper .field-name-2017-blog-post-category-overview, .blog-wrapper .field-name-2017-blog-post-tag-overview { display: none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; transition: opacity 0.2s; } .blog-wrapper .field-name-most-recent-blog-posts.js-active, .blog-wrapper .field-name-most-popular-blog-posts.js-active, .blog-wrapper .field-name-2017-blog-post-category-overview.js-active, .blog-wrapper .field-name-2017-blog-post-tag-overview.js-active { display: block; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post { } .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_recent, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_popular, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-category_overview, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-tag_overview, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_recent, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_popular, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-category_overview, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-tag_overview, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_recent, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_popular, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-category_overview, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-tag_overview, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_recent, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_popular, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-category_overview, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-tag_overview { } .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_recent .views-row, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_popular .views-row, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-category_overview .views-row, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-tag_overview .views-row, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_recent .views-row, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_popular .views-row, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-category_overview .views-row, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-tag_overview .views-row { margin-bottom: 30px; } @media (max-width: 768px) { .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_recent .views-row, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_popular .views-row, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-category_overview .views-row, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-tag_overview .views-row, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_recent .views-row, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_popular .views-row, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-category_overview .views-row, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-tag_overview .views-row { margin-bottom: 40px; } } .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-left, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-left, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-left, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-left, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-left, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-left, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-left, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-left, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-left, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-left, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-left, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-left, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-left, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-left, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-left, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-left { float: left; width: 50%; margin-right: 4%; } @media (max-width: 768px) { .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-left, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-left, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-left, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-left, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-left, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-left, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-left, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-left, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-left, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-left, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-left, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-left, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-left, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-left, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-left, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-left { width: 100%; margin-right: 0; margin-bottom: 10px; } } .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-left img, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-left img, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-left img, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-left img, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-left img, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-left img, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-left img, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-left img, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-left img, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-left img, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-left img, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-left img, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-left img, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-left img, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-left img, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-left img { } @media (max-width: 768px) { .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-left img, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-left img, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-left img, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-left img, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-left img, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-left img, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-left img, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-left img, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-left img, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-left img, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-left img, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-left img, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-left img, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-left img, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-left img, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-left img { width: 100%; } } .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-left a, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-left a, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-left a, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-left a, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-left a, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-left a, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-left a, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-left a, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-left a, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-left a, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-left a, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-left a, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-left a, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-left a, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-left a, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-left a { position: relative; display: block; } .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-left a:after, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-left a:after, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-left a:after, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-left a:after, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-left a:after, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-left a:after, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-left a:after, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-left a:after, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-left a:after, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-left a:after, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-left a:after, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-left a:after, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-left a:after, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-left a:after, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-left a:after, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-left a:after { content: ''; display: block; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; background: #ffffff; transition: opacity 0.4s ease-out 0s; } .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-left a:hover, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-left a:focus, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-left a:hover, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-left a:focus, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-left a:hover, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-left a:focus, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-left a:hover, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-left a:focus, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-left a:hover, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-left a:focus, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-left a:hover, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-left a:focus, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-left a:hover, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-left a:focus, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-left a:hover, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-left a:focus, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-left a:hover, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-left a:focus, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-left a:hover, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-left a:focus, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-left a:hover, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-left a:focus, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-left a:hover, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-left a:focus, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-left a:hover, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-left a:focus, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-left a:hover, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-left a:focus, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-left a:hover, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-left a:focus, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-left a:hover, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-left a:focus { } .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-left a:hover:after, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-left a:focus:after, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-left a:hover:after, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-left a:focus:after, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-left a:hover:after, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-left a:focus:after, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-left a:hover:after, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-left a:focus:after, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-left a:hover:after, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-left a:focus:after, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-left a:hover:after, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-left a:focus:after, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-left a:hover:after, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-left a:focus:after, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-left a:hover:after, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-left a:focus:after, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-left a:hover:after, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-left a:focus:after, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-left a:hover:after, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-left a:focus:after, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-left a:hover:after, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-left a:focus:after, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-left a:hover:after, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-left a:focus:after, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-left a:hover:after, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-left a:focus:after, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-left a:hover:after, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-left a:focus:after, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-left a:hover:after, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-left a:focus:after, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-left a:hover:after, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-left a:focus:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; opacity: 0.2; } .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right { float: left; width: 46%; } @media (max-width: 768px) { .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right { width: 100%; } } .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-field-2017-blog-categories, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-field-2017-blog-categories, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-field-2017-blog-categories, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-field-2017-blog-categories, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-field-2017-blog-categories, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-field-2017-blog-categories, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-field-2017-blog-categories, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-field-2017-blog-categories, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-field-2017-blog-categories, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-field-2017-blog-categories, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-field-2017-blog-categories, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-field-2017-blog-categories, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-field-2017-blog-categories, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-field-2017-blog-categories, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-field-2017-blog-categories, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-field-2017-blog-categories { } .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-field-2017-blog-categories a, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-field-2017-blog-categories a, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-field-2017-blog-categories a, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-field-2017-blog-categories a, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-field-2017-blog-categories a, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-field-2017-blog-categories a, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-field-2017-blog-categories a, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-field-2017-blog-categories a, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-field-2017-blog-categories a, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-field-2017-blog-categories a, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-field-2017-blog-categories a, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-field-2017-blog-categories a, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-field-2017-blog-categories a, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-field-2017-blog-categories a, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-field-2017-blog-categories a, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-field-2017-blog-categories a { position: relative; display: inline-block; margin-right: 7px; padding-right: 6px; font-size: 20px; font-size: 2rem; } .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-field-2017-blog-categories a:after, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-field-2017-blog-categories a:after, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-field-2017-blog-categories a:after, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-field-2017-blog-categories a:after, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-field-2017-blog-categories a:after, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-field-2017-blog-categories a:after, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-field-2017-blog-categories a:after, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-field-2017-blog-categories a:after, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-field-2017-blog-categories a:after, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-field-2017-blog-categories a:after, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-field-2017-blog-categories a:after, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-field-2017-blog-categories a:after, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-field-2017-blog-categories a:after, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-field-2017-blog-categories a:after, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-field-2017-blog-categories a:after, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-field-2017-blog-categories a:after { content: '-'; position: absolute; right: 0; width: 2px; color: #363a3b; } .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-field-2017-blog-categories a:last-child, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-field-2017-blog-categories a:last-child, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-field-2017-blog-categories a:last-child, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-field-2017-blog-categories a:last-child, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-field-2017-blog-categories a:last-child, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-field-2017-blog-categories a:last-child, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-field-2017-blog-categories a:last-child, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-field-2017-blog-categories a:last-child, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-field-2017-blog-categories a:last-child, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-field-2017-blog-categories a:last-child, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-field-2017-blog-categories a:last-child, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-field-2017-blog-categories a:last-child, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-field-2017-blog-categories a:last-child, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-field-2017-blog-categories a:last-child, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-field-2017-blog-categories a:last-child, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-field-2017-blog-categories a:last-child { } .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-field-2017-blog-categories a:last-child:after, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-field-2017-blog-categories a:last-child:after, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-field-2017-blog-categories a:last-child:after, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-field-2017-blog-categories a:last-child:after, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-field-2017-blog-categories a:last-child:after, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-field-2017-blog-categories a:last-child:after, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-field-2017-blog-categories a:last-child:after, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-field-2017-blog-categories a:last-child:after, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-field-2017-blog-categories a:last-child:after, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-field-2017-blog-categories a:last-child:after, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-field-2017-blog-categories a:last-child:after, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-field-2017-blog-categories a:last-child:after, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-field-2017-blog-categories a:last-child:after, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-field-2017-blog-categories a:last-child:after, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-field-2017-blog-categories a:last-child:after, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-field-2017-blog-categories a:last-child:after { content: ''; } .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .group-link, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .group-link, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .group-link, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .group-link, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .group-link, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .group-link, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .group-link, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .group-link, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .group-link, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .group-link, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .group-link, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .group-link, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .group-link, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .group-link, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .group-link, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .group-link { } .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .group-link .field-name-title, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .group-link .field-name-title, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .group-link .field-name-title, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .group-link .field-name-title, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .group-link .field-name-title, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .group-link .field-name-title, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .group-link .field-name-title, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .group-link .field-name-title, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .group-link .field-name-title, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .group-link .field-name-title, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .group-link .field-name-title, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .group-link .field-name-title, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .group-link .field-name-title, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .group-link .field-name-title, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .group-link .field-name-title, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .group-link .field-name-title { } .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .group-link .field-name-title h2, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .group-link .field-name-title h2, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .group-link .field-name-title h2, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .group-link .field-name-title h2, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .group-link .field-name-title h2, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .group-link .field-name-title h2, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .group-link .field-name-title h2, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .group-link .field-name-title h2, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .group-link .field-name-title h2, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .group-link .field-name-title h2, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .group-link .field-name-title h2, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .group-link .field-name-title h2, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .group-link .field-name-title h2, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .group-link .field-name-title h2, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .group-link .field-name-title h2, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .group-link .field-name-title h2 { margin-top: 5px; margin-bottom: 0; transition: opacity 0.2s; } .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .group-link:hover h2, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .group-link:hover h2, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .group-link:hover h2, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .group-link:hover h2, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .group-link:hover h2, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .group-link:hover h2, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .group-link:hover h2, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .group-link:hover h2, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .group-link:hover h2, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .group-link:hover h2, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .group-link:hover h2, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .group-link:hover h2, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .group-link:hover h2, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .group-link:hover h2, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .group-link:hover h2, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .group-link:hover h2 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; opacity: 0.65; } .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .group-link .group-wrapper, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .group-link .group-wrapper, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .group-link .group-wrapper, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .group-link .group-wrapper, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .group-link .group-wrapper, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .group-link .group-wrapper, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .group-link .group-wrapper, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .group-link .group-wrapper, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .group-link .group-wrapper, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .group-link .group-wrapper, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .group-link .group-wrapper, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .group-link .group-wrapper, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .group-link .group-wrapper, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .group-link .group-wrapper, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .group-link .group-wrapper, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .group-link .group-wrapper { } .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .group-link .group-wrapper .field-name-post-date, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .group-link .group-wrapper .field-name-post-date, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .group-link .group-wrapper .field-name-post-date, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .group-link .group-wrapper .field-name-post-date, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .group-link .group-wrapper .field-name-post-date, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .group-link .group-wrapper .field-name-post-date, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .group-link .group-wrapper .field-name-post-date, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .group-link .group-wrapper .field-name-post-date, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .group-link .group-wrapper .field-name-post-date, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .group-link .group-wrapper .field-name-post-date, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .group-link .group-wrapper .field-name-post-date, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .group-link .group-wrapper .field-name-post-date, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .group-link .group-wrapper .field-name-post-date, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .group-link .group-wrapper .field-name-post-date, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .group-link .group-wrapper .field-name-post-date, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .group-link .group-wrapper .field-name-post-date { display: inline-block; color: #bebdbc; } .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .group-link .group-wrapper .vbl-author-full-name, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .group-link .group-wrapper .vbl-author-full-name, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .group-link .group-wrapper .vbl-author-full-name, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .group-link .group-wrapper .vbl-author-full-name, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .group-link .group-wrapper .vbl-author-full-name, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .group-link .group-wrapper .vbl-author-full-name, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .group-link .group-wrapper .vbl-author-full-name, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .group-link .group-wrapper .vbl-author-full-name, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .group-link .group-wrapper .vbl-author-full-name, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .group-link .group-wrapper .vbl-author-full-name, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .group-link .group-wrapper .vbl-author-full-name, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .group-link .group-wrapper .vbl-author-full-name, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .group-link .group-wrapper .vbl-author-full-name, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .group-link .group-wrapper .vbl-author-full-name, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .group-link .group-wrapper .vbl-author-full-name, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .group-link .group-wrapper .vbl-author-full-name { display: inline-block; color: #bebdbc; } .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .group-link .group-wrapper .vbl-author-full-name:before, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .group-link .group-wrapper .vbl-author-full-name:before, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .group-link .group-wrapper .vbl-author-full-name:before, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .group-link .group-wrapper .vbl-author-full-name:before, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .group-link .group-wrapper .vbl-author-full-name:before, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .group-link .group-wrapper .vbl-author-full-name:before, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .group-link .group-wrapper .vbl-author-full-name:before, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .group-link .group-wrapper .vbl-author-full-name:before, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .group-link .group-wrapper .vbl-author-full-name:before, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .group-link .group-wrapper .vbl-author-full-name:before, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .group-link .group-wrapper .vbl-author-full-name:before, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .group-link .group-wrapper .vbl-author-full-name:before, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .group-link .group-wrapper .vbl-author-full-name:before, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .group-link .group-wrapper .vbl-author-full-name:before, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .group-link .group-wrapper .vbl-author-full-name:before, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .group-link .group-wrapper .vbl-author-full-name:before { content: ','; margin-right: 5px; } .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-field-teaser-text, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-field-teaser-text, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-field-teaser-text, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-field-teaser-text, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-field-teaser-text, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-field-teaser-text, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-field-teaser-text, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-field-teaser-text, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-field-teaser-text, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-field-teaser-text, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-field-teaser-text, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-field-teaser-text, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-field-teaser-text, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-field-teaser-text, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-field-teaser-text, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-field-teaser-text { margin-top: 13px; margin-bottom: 18px; font-size: 18px; font-size: 1.8rem; color: #363a3b; } .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-field-teaser-text *:first-child, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-field-teaser-text *:first-child, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-field-teaser-text *:first-child, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-field-teaser-text *:first-child, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-field-teaser-text *:first-child, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-field-teaser-text *:first-child, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-field-teaser-text *:first-child, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-field-teaser-text *:first-child, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-field-teaser-text *:first-child, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-field-teaser-text *:first-child, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-field-teaser-text *:first-child, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-field-teaser-text *:first-child, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-field-teaser-text *:first-child, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-field-teaser-text *:first-child, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-field-teaser-text *:first-child, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-field-teaser-text *:first-child { margin-top: 0; } .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-field-teaser-text *:last-child, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-field-teaser-text *:last-child, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-field-teaser-text *:last-child, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-field-teaser-text *:last-child, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-field-teaser-text *:last-child, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-field-teaser-text *:last-child, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-field-teaser-text *:last-child, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-field-teaser-text *:last-child, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-field-teaser-text *:last-child, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-field-teaser-text *:last-child, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-field-teaser-text *:last-child, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-field-teaser-text *:last-child, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-field-teaser-text *:last-child, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-field-teaser-text *:last-child, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-field-teaser-text *:last-child, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-field-teaser-text *:last-child { margin-bottom: 0; } .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-node-link, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-node-link, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-node-link, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-node-link, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-node-link, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-node-link, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-node-link, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-node-link, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-node-link, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-node-link, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-node-link, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-node-link, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-node-link, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-node-link, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-node-link, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-node-link { } .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-node-link a, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-node-link a, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-node-link a, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-node-link a, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-node-link a, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-node-link a, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-node-link a, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-node-link a, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-node-link a, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-node-link a, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-node-link a, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-node-link a, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-node-link a, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-node-link a, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-node-link a, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-node-link a { display: inline-block; cursor: pointer; padding: 6px 12px; border: 0px; color: #ffffff; font-size: 21px; font-size: 2.1rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; text-transform: uppercase; transition: all 0.3s; background-color: #df9c5b; border: none; } .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-node-link a:hover, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-node-link a:hover, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-node-link a:hover, .blog-wrapper .field-name-most-recent-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-node-link a:hover, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-node-link a:hover, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-node-link a:hover, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-node-link a:hover, .blog-wrapper .field-name-most-popular-blog-posts .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-node-link a:hover, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-node-link a:hover, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-node-link a:hover, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-node-link a:hover, .blog-wrapper .field-name-2017-blog-post-category-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-node-link a:hover, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_recent .views-row .group-right .field-name-node-link a:hover, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-most_popular .views-row .group-right .field-name-node-link a:hover, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-category_overview .views-row .group-right .field-name-node-link a:hover, .blog-wrapper .field-name-2017-blog-post-tag-overview .view-2017-blog-post.view-display-id-tag_overview .views-row .group-right .field-name-node-link a:hover { background-color: #eab078; } .blog-wrapper .field-name-2017-blog-post-category-overview, .blog-wrapper .field-name-2017-blog-post-tag-overview { display: block; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .blog-wrapper .node-2017-blog-category, .blog-wrapper .node-2017-blog-tag { } .blog-wrapper .node-2017-blog-category .group-main-content, .blog-wrapper .node-2017-blog-category .group-sidebar, .blog-wrapper .node-2017-blog-tag .group-main-content, .blog-wrapper .node-2017-blog-tag .group-sidebar { margin-top: 30px; } @media (max-width: 979px) { .blog-wrapper .node-2017-blog-category .group-main-content, .blog-wrapper .node-2017-blog-category .group-sidebar, .blog-wrapper .node-2017-blog-tag .group-main-content, .blog-wrapper .node-2017-blog-tag .group-sidebar { margin-top: 0; } } .blog-wrapper .node-2017-blog-category .group-back-btn-and-breadcrumbs, .blog-wrapper .node-2017-blog-tag .group-back-btn-and-breadcrumbs { margin-top: 40px; } @media (max-width: 979px) { .blog-wrapper .node-2017-blog-category .group-back-btn-and-breadcrumbs, .blog-wrapper .node-2017-blog-tag .group-back-btn-and-breadcrumbs { display: none; } } .blog-wrapper .node-2017-blog-category .field-name-breadcrumbs, .blog-wrapper .node-2017-blog-tag .field-name-breadcrumbs { margin-bottom: 0; } /*! -------------------------------------------------- * * TABLE OF CONTENTS * * blog detail * * -------------------------------------------------- */ /*! -------------------------------------------------- #blog detail -------------------------------------------------- */ .blog-wrapper { /* Tags */ /* End tags */ } .blog-wrapper .group-back-btn-and-breadcrumbs { max-width: 100%; } @media (max-width: 979px) { .blog-wrapper .group-back-btn-and-breadcrumbs { display: none; } } .blog-wrapper .field-name-field-2017-blog-tags { margin-top: 30px; } .blog-wrapper .field-name-field-2017-blog-tags:after { content: ''; display: block; clear: both; } .blog-wrapper .field-name-field-2017-blog-tags a { float: left; display: inline-block; margin-right: 5px; margin-bottom: 5px; padding: 5px 10px; color: #363a3b; border: 1px solid #363a3b; font-size: 18px; font-size: 1.8rem; transition: color 0s, background 0.3s, border 0.3s; } .blog-wrapper .field-name-field-2017-blog-tags a:hover, .blog-wrapper .field-name-field-2017-blog-tags a:focus { color: #ffffff; background: #dc934e; border-color: #dc934e; } /*! -------------------------------------------------- * * TABLE OF CONTENTS * * basic page * * -------------------------------------------------- */ /*! -------------------------------------------------- #basic page -------------------------------------------------- */ .node-type-basic-page-2017 { } /*! -------------------------------------------------- * * TABLE OF CONTENTS * * generic page * * -------------------------------------------------- */ /*! -------------------------------------------------- #generic page -------------------------------------------------- */ /* Overview page */ /* ------------- */ /*.general-content-inspiration { overflow: hidden; & .node-generic-page { float: left; width: 33.33%; margin: 0 0 15px 0; padding: 0 8px; background-color: transparent; & h2 { } & .content { & .field-name-field-cover-photo { } & .field-name-field-title-block { } & .field-name-field-button-text { } } } }*/ /* Detail page */ /* ----------- */ .node-type-generic-page { } .node-type-generic-page #content { width: 1230px; max-width: 90%; margin-left: auto; margin-right: auto; } .general-content-inspiration { } .general-content-inspiration .node-generic-page { margin: 0; padding: 0; } .general-content-inspiration .node-generic-page .field-name-field-image { } .general-content-inspiration .node-generic-page .field-name-body { } .general-content-inspiration .node-generic-page .field-name-field-content-tags { display: none; } /*! -------------------------------------------------- * * TABLE OF CONTENTS * * content overview page * * -------------------------------------------------- */ /*! -------------------------------------------------- content overview page -------------------------------------------------- */ .node-content-overview { } .node-content-overview .group-title-wrapper, .node-content-overview .group-content-wrapper, .node-content-overview .vc-children, .node-content-overview #block-views-children-2017-over-veritas { width: 1230px; max-width: 90%; margin-left: auto; margin-right: auto; } .node-content-overview .group-content-wrapper { margin-bottom: 40px; } .node-content-overview .group-content-wrapper .field-name-body { max-width: 750px; font-size: 18px; font-size: 1.8rem; font-family: 'slabo27', arial, serif;/*@nest .fonts-loaded & { font-family: var(--roboto-light-font); }*/ } .node-content-overview .group-content-wrapper .field-name-body a { position: relative; font-family: 'slabo27', arial, serif; border-bottom: 1px solid #363a3b; text-decoration: none; transition: border-bottom 0.3s, color 0.3s; } .node-content-overview .group-content-wrapper .field-name-body a:hover { border-bottom-color: #dc934e; } .node-content-overview .group-content-wrapper .field-name-body .orange-cta { margin-bottom: 30px; } .node-content-overview .group-content-wrapper .field-name-body .orange-cta a { display: inline-block; cursor: pointer; padding: 6px 12px; border: 0px; color: #ffffff; font-size: 21px; font-size: 2.1rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; text-transform: uppercase; transition: all 0.3s; background-color: #df9c5b; border: none; } .node-content-overview .group-content-wrapper .field-name-body .orange-cta a:hover { background-color: #eab078; } .node-content-overview .group-content-wrapper .field-name-body .gray-cta { margin-bottom: 30px; } .node-content-overview .group-content-wrapper .field-name-body .gray-cta a { display: inline-block; cursor: pointer; padding: 6px 12px; border: 0px; color: #ffffff; font-size: 21px; font-size: 2.1rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; text-transform: uppercase; transition: all 0.3s; background-color: #363a3b; border: none; } .node-content-overview .group-content-wrapper .field-name-body .gray-cta a:hover { background-color: #4d5253; } .node-content-overview .group-content-wrapper .field-name-body p { margin-bottom: 20px; } .node-content-overview .group-content-wrapper .field-name-body *:first-child { margin-top: 0; } .node-content-overview .group-content-wrapper .field-name-body *:last-child { margin-bottom: 0; } @media (max-width: 980px) { .node-content-overview .group-content-wrapper .field-name-body { max-width: 100%; } } .node-content-overview .group-content-wrapper .field-name-body ul { padding-left: 25px; } .node-content-overview .group-content-wrapper .field-name-body ul li { padding-left: 16px; list-style-image: none; list-style-type: none; background: url('/sites/all/themes/veritas2017/images/distribution/icons/icon__arrow-black-right.svg') no-repeat -2px 6px; background-size: 13px 13px; } .node-content-overview .group-content-wrapper .field-name-body ol { } .node-content-overview .group-content-wrapper .field-name-body ol li { } .node-content-overview .group-content-wrapper .field-name-body blockquote { margin-left: 20px; margin-right: 20px; padding-left: 15px; border-left: 4px solid #dc934e; color: #363a3b; font-family: 'slabo27', arial, serif; font-style: italic; } .node-content-overview .group-content-wrapper .field-name-body hr { border-top: 1px solid #c9c9c9; } .node-content-overview .group-content-wrapper .field-name-body table { border: 1px solid #c9c9c9; } .node-content-overview .group-content-wrapper .field-name-body table * { text-align: left; } .node-content-overview .group-content-wrapper .field-name-body table caption { padding: 5px 10px; background: #c9c9c9; font-family: 'slabo27', arial, serif; } .node-content-overview .group-content-wrapper .field-name-body table thead { background: #bebdbc; font-family: 'slabo27', arial, serif; font-weight: 300; } .node-content-overview .group-content-wrapper .field-name-body table tr { border-bottom: 1px solid #c9c9c9; } .node-content-overview .group-content-wrapper .field-name-body table tr > * { border-right: 1px solid #c9c9c9; } .node-content-overview .group-content-wrapper .field-name-body table tr > *:last-child { border-right: none; } .node-content-overview .group-content-wrapper .field-name-body table th { padding: 5px 10px; background: #bebdbc; font-family: 'slabo27', arial, serif; font-weight: 600; border-bottom: none; } .node-content-overview .group-content-wrapper .field-name-body table td { padding: 5px 10px; } .node-content-overview .vc-children, .node-content-overview #block-views-children-2017-over-veritas { margin-top: 20px; } .node-content-overview .vc-children:after, .node-content-overview #block-views-children-2017-over-veritas:after { content: ''; display: block; clear: both; } .node-content-overview .vc-children .views-row, .node-content-overview #block-views-children-2017-over-veritas .views-row { overflow: hidden; float: left; width: 22%; margin-right: 4%; margin-bottom: 60px; } @media (max-width: 979px) { .node-content-overview .vc-children .views-row, .node-content-overview #block-views-children-2017-over-veritas .views-row { width: 48%; margin-bottom: 30px; } } @media (max-width: 568px) { .node-content-overview .vc-children .views-row, .node-content-overview #block-views-children-2017-over-veritas .views-row { clear: both; width: 100%; margin-right: 0; } } .node-content-overview .vc-children .views-row:nth-child(2n+2), .node-content-overview #block-views-children-2017-over-veritas .views-row:nth-child(2n+2) { } @media (max-width: 979px) { .node-content-overview .vc-children .views-row:nth-child(2n+2), .node-content-overview #block-views-children-2017-over-veritas .views-row:nth-child(2n+2) { margin-right: 0; } } .node-content-overview .vc-children .views-row:nth-child(2n+3), .node-content-overview #block-views-children-2017-over-veritas .views-row:nth-child(2n+3) { } @media (max-width: 979px) { .node-content-overview .vc-children .views-row:nth-child(2n+3), .node-content-overview #block-views-children-2017-over-veritas .views-row:nth-child(2n+3) { clera: both; } } .node-content-overview .vc-children .views-row:nth-child(4n+4), .node-content-overview #block-views-children-2017-over-veritas .views-row:nth-child(4n+4) { margin-right: 0; } .node-content-overview .vc-children .views-row:nth-child(4n+5), .node-content-overview #block-views-children-2017-over-veritas .views-row:nth-child(4n+5) { clear: both; } .node-content-overview .vc-children .views-row .field-name-field-teaser-image a, .node-content-overview #block-views-children-2017-over-veritas .views-row .field-name-field-teaser-image a { position: relative; overflow: hidden; display: block; } .node-content-overview .vc-children .views-row .field-name-field-teaser-image a span, .node-content-overview #block-views-children-2017-over-veritas .views-row .field-name-field-teaser-image a span { display: block; margin-bottom: 20px; } .node-content-overview .vc-children .views-row .field-name-field-teaser-image a:before, .node-content-overview #block-views-children-2017-over-veritas .views-row .field-name-field-teaser-image a:before { position: absolute; top: 0; left: -125%; z-index: 2;/*display: block;*/ display: none; content: ''; width: 100%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .05) 100%); transition: all 0.5s; } .node-content-overview .vc-children .views-row .field-name-field-teaser-image a img, .node-content-overview #block-views-children-2017-over-veritas .views-row .field-name-field-teaser-image a img { transition: transform 0.4s ease-out 0s; } .node-content-overview .vc-children .views-row .field-name-field-teaser-image a:hover, .node-content-overview #block-views-children-2017-over-veritas .views-row .field-name-field-teaser-image a:hover { } .node-content-overview .vc-children .views-row .field-name-field-teaser-image a:hover:before, .node-content-overview #block-views-children-2017-over-veritas .views-row .field-name-field-teaser-image a:hover:before { left: 0; } .node-content-overview .vc-children .views-row .field-name-field-teaser-image a:hover img, .node-content-overview #block-views-children-2017-over-veritas .views-row .field-name-field-teaser-image a:hover img { -ms-transform: scale(1.05); transform: scale(1.05); } .node-content-overview .vc-children .views-row .field-name-title, .node-content-overview #block-views-children-2017-over-veritas .views-row .field-name-title { } .node-content-overview .vc-children .views-row .field-name-title h2, .node-content-overview #block-views-children-2017-over-veritas .views-row .field-name-title h2 { margin-top: 0; } .node-content-overview .vc-children .views-row .field-name-title h2 a, .node-content-overview #block-views-children-2017-over-veritas .views-row .field-name-title h2 a { color: #363a3b; } .node-content-overview .vc-children .views-row .field-name-field-teaser-text, .node-content-overview #block-views-children-2017-over-veritas .views-row .field-name-field-teaser-text { max-width: 750px; font-size: 18px; font-size: 1.8rem; font-family: 'slabo27', arial, serif;/*@nest .fonts-loaded & { font-family: var(--roboto-light-font); }*/ } .node-content-overview .vc-children .views-row .field-name-field-teaser-text a, .node-content-overview #block-views-children-2017-over-veritas .views-row .field-name-field-teaser-text a { position: relative; font-family: 'slabo27', arial, serif; border-bottom: 1px solid #363a3b; text-decoration: none; transition: border-bottom 0.3s, color 0.3s; } .node-content-overview .vc-children .views-row .field-name-field-teaser-text a:hover, .node-content-overview #block-views-children-2017-over-veritas .views-row .field-name-field-teaser-text a:hover { border-bottom-color: #dc934e; } .node-content-overview .vc-children .views-row .field-name-field-teaser-text .orange-cta, .node-content-overview #block-views-children-2017-over-veritas .views-row .field-name-field-teaser-text .orange-cta { margin-bottom: 30px; } .node-content-overview .vc-children .views-row .field-name-field-teaser-text .orange-cta a, .node-content-overview #block-views-children-2017-over-veritas .views-row .field-name-field-teaser-text .orange-cta a { display: inline-block; cursor: pointer; padding: 6px 12px; border: 0px; color: #ffffff; font-size: 21px; font-size: 2.1rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; text-transform: uppercase; transition: all 0.3s; background-color: #df9c5b; border: none; } .node-content-overview .vc-children .views-row .field-name-field-teaser-text .orange-cta a:hover, .node-content-overview #block-views-children-2017-over-veritas .views-row .field-name-field-teaser-text .orange-cta a:hover { background-color: #eab078; } .node-content-overview .vc-children .views-row .field-name-field-teaser-text .gray-cta, .node-content-overview #block-views-children-2017-over-veritas .views-row .field-name-field-teaser-text .gray-cta { margin-bottom: 30px; } .node-content-overview .vc-children .views-row .field-name-field-teaser-text .gray-cta a, .node-content-overview #block-views-children-2017-over-veritas .views-row .field-name-field-teaser-text .gray-cta a { display: inline-block; cursor: pointer; padding: 6px 12px; border: 0px; color: #ffffff; font-size: 21px; font-size: 2.1rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; text-transform: uppercase; transition: all 0.3s; background-color: #363a3b; border: none; } .node-content-overview .vc-children .views-row .field-name-field-teaser-text .gray-cta a:hover, .node-content-overview #block-views-children-2017-over-veritas .views-row .field-name-field-teaser-text .gray-cta a:hover { background-color: #4d5253; } .node-content-overview .vc-children .views-row .field-name-field-teaser-text p, .node-content-overview #block-views-children-2017-over-veritas .views-row .field-name-field-teaser-text p { margin-bottom: 20px; } .node-content-overview .vc-children .views-row .field-name-field-teaser-text *:first-child, .node-content-overview #block-views-children-2017-over-veritas .views-row .field-name-field-teaser-text *:first-child { margin-top: 0; } .node-content-overview .vc-children .views-row .field-name-field-teaser-text *:last-child, .node-content-overview #block-views-children-2017-over-veritas .views-row .field-name-field-teaser-text *:last-child { margin-bottom: 0; } @media (max-width: 980px) { .node-content-overview .vc-children .views-row .field-name-field-teaser-text, .node-content-overview #block-views-children-2017-over-veritas .views-row .field-name-field-teaser-text { max-width: 100%; } } .node-content-overview .vc-children .views-row .field-name-field-teaser-text ul, .node-content-overview #block-views-children-2017-over-veritas .views-row .field-name-field-teaser-text ul { padding-left: 25px; } .node-content-overview .vc-children .views-row .field-name-field-teaser-text ul li, .node-content-overview #block-views-children-2017-over-veritas .views-row .field-name-field-teaser-text ul li { padding-left: 16px; list-style-image: none; list-style-type: none; background: url('/sites/all/themes/veritas2017/images/distribution/icons/icon__arrow-black-right.svg') no-repeat -2px 6px; background-size: 13px 13px; } .node-content-overview .vc-children .views-row .field-name-field-teaser-text ol, .node-content-overview #block-views-children-2017-over-veritas .views-row .field-name-field-teaser-text ol { } .node-content-overview .vc-children .views-row .field-name-field-teaser-text ol li, .node-content-overview #block-views-children-2017-over-veritas .views-row .field-name-field-teaser-text ol li { } .node-content-overview .vc-children .views-row .field-name-field-teaser-text blockquote, .node-content-overview #block-views-children-2017-over-veritas .views-row .field-name-field-teaser-text blockquote { margin-left: 20px; margin-right: 20px; padding-left: 15px; border-left: 4px solid #dc934e; color: #363a3b; font-family: 'slabo27', arial, serif; font-style: italic; } .node-content-overview .vc-children .views-row .field-name-field-teaser-text hr, .node-content-overview #block-views-children-2017-over-veritas .views-row .field-name-field-teaser-text hr { border-top: 1px solid #c9c9c9; } .node-content-overview .vc-children .views-row .field-name-field-teaser-text table, .node-content-overview #block-views-children-2017-over-veritas .views-row .field-name-field-teaser-text table { border: 1px solid #c9c9c9; } .node-content-overview .vc-children .views-row .field-name-field-teaser-text table *, .node-content-overview #block-views-children-2017-over-veritas .views-row .field-name-field-teaser-text table * { text-align: left; } .node-content-overview .vc-children .views-row .field-name-field-teaser-text table caption, .node-content-overview #block-views-children-2017-over-veritas .views-row .field-name-field-teaser-text table caption { padding: 5px 10px; background: #c9c9c9; font-family: 'slabo27', arial, serif; } .node-content-overview .vc-children .views-row .field-name-field-teaser-text table thead, .node-content-overview #block-views-children-2017-over-veritas .views-row .field-name-field-teaser-text table thead { background: #bebdbc; font-family: 'slabo27', arial, serif; font-weight: 300; } .node-content-overview .vc-children .views-row .field-name-field-teaser-text table tr, .node-content-overview #block-views-children-2017-over-veritas .views-row .field-name-field-teaser-text table tr { border-bottom: 1px solid #c9c9c9; } .node-content-overview .vc-children .views-row .field-name-field-teaser-text table tr > *, .node-content-overview #block-views-children-2017-over-veritas .views-row .field-name-field-teaser-text table tr > * { border-right: 1px solid #c9c9c9; } .node-content-overview .vc-children .views-row .field-name-field-teaser-text table tr > *:last-child, .node-content-overview #block-views-children-2017-over-veritas .views-row .field-name-field-teaser-text table tr > *:last-child { border-right: none; } .node-content-overview .vc-children .views-row .field-name-field-teaser-text table th, .node-content-overview #block-views-children-2017-over-veritas .views-row .field-name-field-teaser-text table th { padding: 5px 10px; background: #bebdbc; font-family: 'slabo27', arial, serif; font-weight: 600; border-bottom: none; } .node-content-overview .vc-children .views-row .field-name-field-teaser-text table td, .node-content-overview #block-views-children-2017-over-veritas .views-row .field-name-field-teaser-text table td { padding: 5px 10px; } /** -------------------------------------------------- * * layout - PROMOTION OVERVIEW PAGE * * TABLE OF CONTENTS * teaser grid * * -------------------------------------------------- */ /** -------------------------------------------------- * #teaser grid * -------------------------------------------------- */ .node-promotion-overview { /* max width */ /* ********* */ /* teaser list view */ /* **************** */ /* & .field-name-promotion-overview */ } .node-promotion-overview .group-title-wrapper, .node-promotion-overview .field-name-promotion-overview { width: 1230px; max-width: 90%; margin-left: auto; margin-right: auto; } .node-promotion-overview .field-name-promotion-overview { } .node-promotion-overview .field-name-promotion-overview .view-content { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; } .node-promotion-overview .field-name-promotion-overview .views-row { -ms-flex: 0 1 auto; flex: 0 1 auto; width: 22%; min-width: 0; margin-right: 4%; margin-bottom: 30px;/* make this a flex-container and make sure * the child element can stretch to fill * the whole container: */ display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap;/* teaser *//* ------ */ } .node-promotion-overview .field-name-promotion-overview .views-row > * { -ms-flex: 1 0 auto; flex: 1 0 auto; } .node-promotion-overview .field-name-promotion-overview .views-row:nth-child(4n+4) { margin-right: 0; } @media (max-width: 979px) { .node-promotion-overview .field-name-promotion-overview .views-row { width: 48%; } } .node-promotion-overview .field-name-promotion-overview .views-row:nth-child(2n+2) { } @media (max-width: 979px) { .node-promotion-overview .field-name-promotion-overview .views-row:nth-child(2n+2) { margin-right: 0; } } @media (max-width: 568px) { .node-promotion-overview .field-name-promotion-overview .views-row { width: 100%; margin-right: 0; } } .node-promotion-overview .field-name-promotion-overview .views-row .node-promotion.node-teaser { display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .node-promotion-overview .field-name-promotion-overview .views-row .group-link { -ms-flex: 1 0 auto; flex: 1 0 auto; display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .node-promotion-overview .field-name-promotion-overview .views-row .field-name-field-image { position: relative; width: 100%;/* fix the aspect ratio of the image block, * to prevent an IE bug with flexbox + to make sure * the page doesn't jump when the images load: */ height: 0; padding-bottom: 167%; overflow: hidden; margin-bottom: 20px; } .node-promotion-overview .field-name-promotion-overview .views-row .field-name-field-image img { display: block; position: absolute; width: 100%; top: 0; left: 0; } .node-promotion-overview .field-name-promotion-overview .views-row .field-name-title h2 { font-size: 21px; font-size: 2.1rem; } .node-promotion-overview .field-name-promotion-overview .views-row .field-name-field-text { max-width: 750px; font-size: 18px; font-size: 1.8rem; font-family: 'slabo27', arial, serif;/*@nest .fonts-loaded & { font-family: var(--roboto-light-font); }*/ margin-bottom: 30px; color: #363a3b;/* this block should be able to grow and push the CTA down: */ -ms-flex: 1 0 auto; flex: 1 0 auto; } .node-promotion-overview .field-name-promotion-overview .views-row .field-name-field-text a { position: relative; font-family: 'slabo27', arial, serif; border-bottom: 1px solid #363a3b; text-decoration: none; transition: border-bottom 0.3s, color 0.3s; } .node-promotion-overview .field-name-promotion-overview .views-row .field-name-field-text a:hover { border-bottom-color: #dc934e; } .node-promotion-overview .field-name-promotion-overview .views-row .field-name-field-text .orange-cta { margin-bottom: 30px; } .node-promotion-overview .field-name-promotion-overview .views-row .field-name-field-text .orange-cta a { display: inline-block; cursor: pointer; padding: 6px 12px; border: 0px; color: #ffffff; font-size: 21px; font-size: 2.1rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; text-transform: uppercase; transition: all 0.3s; background-color: #df9c5b; border: none; } .node-promotion-overview .field-name-promotion-overview .views-row .field-name-field-text .orange-cta a:hover { background-color: #eab078; } .node-promotion-overview .field-name-promotion-overview .views-row .field-name-field-text .gray-cta { margin-bottom: 30px; } .node-promotion-overview .field-name-promotion-overview .views-row .field-name-field-text .gray-cta a { display: inline-block; cursor: pointer; padding: 6px 12px; border: 0px; color: #ffffff; font-size: 21px; font-size: 2.1rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; text-transform: uppercase; transition: all 0.3s; background-color: #363a3b; border: none; } .node-promotion-overview .field-name-promotion-overview .views-row .field-name-field-text .gray-cta a:hover { background-color: #4d5253; } .node-promotion-overview .field-name-promotion-overview .views-row .field-name-field-text p { margin-bottom: 20px; } .node-promotion-overview .field-name-promotion-overview .views-row .field-name-field-text *:first-child { margin-top: 0; } .node-promotion-overview .field-name-promotion-overview .views-row .field-name-field-text *:last-child { margin-bottom: 0; } @media (max-width: 980px) { .node-promotion-overview .field-name-promotion-overview .views-row .field-name-field-text { max-width: 100%; } } .node-promotion-overview .field-name-promotion-overview .views-row .field-name-field-text ul { padding-left: 25px; } .node-promotion-overview .field-name-promotion-overview .views-row .field-name-field-text ul li { padding-left: 16px; list-style-image: none; list-style-type: none; background: url('/sites/all/themes/veritas2017/images/distribution/icons/icon__arrow-black-right.svg') no-repeat -2px 6px; background-size: 13px 13px; } .node-promotion-overview .field-name-promotion-overview .views-row .field-name-field-text ol { } .node-promotion-overview .field-name-promotion-overview .views-row .field-name-field-text ol li { } .node-promotion-overview .field-name-promotion-overview .views-row .field-name-field-text blockquote { margin-left: 20px; margin-right: 20px; padding-left: 15px; border-left: 4px solid #dc934e; color: #363a3b; font-family: 'slabo27', arial, serif; font-style: italic; } .node-promotion-overview .field-name-promotion-overview .views-row .field-name-field-text hr { border-top: 1px solid #c9c9c9; } .node-promotion-overview .field-name-promotion-overview .views-row .field-name-field-text table { border: 1px solid #c9c9c9; } .node-promotion-overview .field-name-promotion-overview .views-row .field-name-field-text table * { text-align: left; } .node-promotion-overview .field-name-promotion-overview .views-row .field-name-field-text table caption { padding: 5px 10px; background: #c9c9c9; font-family: 'slabo27', arial, serif; } .node-promotion-overview .field-name-promotion-overview .views-row .field-name-field-text table thead { background: #bebdbc; font-family: 'slabo27', arial, serif; font-weight: 300; } .node-promotion-overview .field-name-promotion-overview .views-row .field-name-field-text table tr { border-bottom: 1px solid #c9c9c9; } .node-promotion-overview .field-name-promotion-overview .views-row .field-name-field-text table tr > * { border-right: 1px solid #c9c9c9; } .node-promotion-overview .field-name-promotion-overview .views-row .field-name-field-text table tr > *:last-child { border-right: none; } .node-promotion-overview .field-name-promotion-overview .views-row .field-name-field-text table th { padding: 5px 10px; background: #bebdbc; font-family: 'slabo27', arial, serif; font-weight: 600; border-bottom: none; } .node-promotion-overview .field-name-promotion-overview .views-row .field-name-field-text table td { padding: 5px 10px; } .node-promotion-overview .field-name-promotion-overview .views-row .field-name-field-link { display: inline-block; cursor: pointer; padding: 6px 12px; border: 0px; color: #ffffff; font-size: 21px; font-size: 2.1rem; font-family: 'fjalla', Arial, Helvetica, sans-serif; text-transform: uppercase; transition: all 0.3s; background-color: #df9c5b; border: none; display: block; text-align: center; } .node-promotion-overview .field-name-promotion-overview .views-row .field-name-field-link:hover { background-color: #eab078; } /* .node-promotion-overview */ /*! -------------------------------------------------- * * TABLE OF CONTENTS * * main footer * footer top * footer bottom * * -------------------------------------------------- */ /*! -------------------------------------------------- #main footer -------------------------------------------------- */ #footer-main { margin-top: 30px; color: #363a3b; font-family: 'slabo27', arial, serif; font-size: 16px; letter-spacing: 0; line-height: 24px } #footer-main:after { content: ''; display: block; clear: both } #footer-main h2 { color: #363a3b; font-family: 'fjalla', Arial, Helvetica, sans-serif; font-size: 21px; text-transform: uppercase; line-height: 1.2; } #footer-main a { color: #363a3b; } #footer-main a:hover, #footer-main a:focus { color: #dc934e; } #footer-main > .section { width: 1230px; max-width: 90%; margin-left: auto; margin-right: auto; padding-top: 50px; border-top: 5px solid #363a3b; } #footer-main ul.menu > li > a + ul.menu { display: none; } #footer-main ul.menu li a { line-height: 24px; } /*! -------------------------------------------------- #footer top -------------------------------------------------- */ .region-footer-top { float: left; width: 22%; margin-right: 4%; margin-bottom: 30px } @media (max-width: 980px) { .region-footer-top { width: 48%; } } .region-footer-top.region-newsletter-share { } @media (max-width: 568px) { .region-footer-top.region-newsletter-share { width: 100%; margin-right: 0; } } .region-footer-top h2 { margin-top: 0; margin-bottom: 20px; font-size: 21px; font-size: 2.1rem; } .region-footer-top.region-shop { } @media (max-width: 980px) { .region-footer-top.region-shop { margin-right: 0; } } .region-footer-top #block-views-award-footer, .region-footer-top #block-views-certificate-footer { clear: both; margin-top: 20px; } .region-footer-top #block-views-award-footer .view-award, .region-footer-top #block-views-award-footer .view-certificate, .region-footer-top #block-views-certificate-footer .view-award, .region-footer-top #block-views-certificate-footer .view-certificate { } .region-footer-top #block-views-award-footer .view-award .views-row, .region-footer-top #block-views-award-footer .view-certificate .views-row, .region-footer-top #block-views-certificate-footer .view-award .views-row, .region-footer-top #block-views-certificate-footer .view-certificate .views-row { float: left; margin-right: 3px; margin-bottom: 5px; } .region-footer-top.region-newsletter-share { overflow: hidden; margin-right: 0; } .region-footer-top.region-newsletter-share .block-block:after { content: ''; display: block; clear: both; } .region-footer-top.region-newsletter-share .content { } .region-footer-top.region-newsletter-share .content a { position: relative; font-family: 'slabo27', arial, serif; border-bottom: 1px solid #363a3b; text-decoration: none; transition: border-bottom 0.3s, color 0.3s; } .region-footer-top.region-newsletter-share .content a:hover { border-bottom-color: #dc934e; } .region-footer-top.region-newsletter-share .content h2:not(:first-child) { margin-top: 35px; } .region-footer-top.region-newsletter-share .content a:not(:first-child) { border: none; } .region-footer-top.region-newsletter-share .content .ios { float: left; border: none; } .region-footer-top.region-newsletter-share .content .android { float: left; border: none; } @media (min-width: 980px) and (max-width: 1126px) { .region-footer-top.region-newsletter-share .content .android { clear: both; margin-top: 4px; margin-left: -9px; border: 2px solid #f00; } } .region-footer-top.region-newsletter-share .block-veritas-core { clear: both; margin-top: 40px; } .region-footer-top.region-newsletter-share .block-veritas-core ul { margin: 0; padding: 0; } .region-footer-top.region-newsletter-share .block-veritas-core ul:after { content: ''; display: block; clear: both; } .region-footer-top.region-newsletter-share .block-veritas-core ul li { margin: 0; padding: 0; list-style-type: none; list-style-image: none; } .region-footer-top.region-newsletter-share .block-veritas-core ul li { float: left; width: 40px; height: 45px; margin-right: 15px; margin-bottom: 5px; } .region-footer-top.region-newsletter-share .block-veritas-core ul li.facebook { margin-right: 4px; } .region-footer-top.region-newsletter-share .block-veritas-core ul li.pinterest { } .region-footer-top.region-newsletter-share .block-veritas-core ul li.instagram img { width: 42px; height: 42px; margin-top: 1px; } .region-footer-top.region-newsletter-share .block-veritas-core ul a { display: inline-block; border-bottom: none; } .region-footer-top.region-newsletter-share .block-veritas-core ul img { width: 45px; height: 45px; } .region-footer { clear: both } .region-footer .customer-service { margin-bottom: 50px; padding-top: 20px; padding-bottom: 20px; border-top: 1px dashed #363a3b; border-bottom: 1px dashed #363a3b; } .region-footer .customer-service a { position: relative; font-family: 'slabo27', arial, serif; border-bottom: 1px solid #363a3b; text-decoration: none; transition: border-bottom 0.3s, color 0.3s; } .region-footer .customer-service a:hover { border-bottom-color: #dc934e; } .region-footer h2 { margin-top: 0; margin-bottom: 15px; font-size: 21px; font-size: 2.1rem; } .region-footer p { margin-top: 0; margin-bottom: 0; } .region-footer .payment-icons p { text-align: center; } .region-footer .payments { max-width: 570px; width: 100%; } /*! -------------------------------------------------- #footer bottom -------------------------------------------------- */ #footer-bottom { margin-bottom: 30px; font-family: 'slabo27', arial, serif; font-size: 16px; color: #363a3b; line-height: 26px; letter-spacing: 0 } #footer-bottom:after { content: ''; display: block; clear: both } #footer-bottom > .section { width: 1230px; max-width: 90%; margin-left: auto; margin-right: auto; } #footer-bottom .region-footer-menu { text-align: center; } #footer-bottom .region-footer-menu .content { } #footer-bottom .region-footer-menu .content ul { @include resetList; } #footer-bottom .region-footer-menu .content li { float: left; margin-left: 20px; } #footer-bottom .region-footer-menu .content a { color: #363a3b; } #footer-bottom .region-footer-menu .content a:hover, #footer-bottom .region-footer-menu .content a:focus { color: #dc934e; } #footer-bottom .siteby { clear: both; text-align: center; } /*! -------------------------------------------------- * * TABLE OF CONTENTS * * search * - structure * - navigation * * - teaser - workshop * - teaser 'alternative circle' - workshop * - teaser list - workshop * * - teaser list - content * * - teaser list - stores * * - teaser list - ideas * * -------------------------------------------------- */ /*! -------------------------------------------------- #search -------------------------------------------------- */ /* structure */ .page-search { } .page-search #main { width: 1230px; max-width: 90%; margin-left: auto; margin-right: auto; margin-top: 30px; } /* navigation */ #block-veritas-search-vse-tabs { margin-bottom: 20px } #block-veritas-search-vse-tabs .content { text-align: center; } #block-veritas-search-vse-tabs .content a { display: inline-block; margin-right: 25px; margin-bottom: 10px; padding: 6px 15px; font-family: 'fjalla', Arial, Helvetica, sans-serif; border: 2px solid #363a3b; transition: color 0.2s, border 0.2s; } @media (max-width: 568px) { #block-veritas-search-vse-tabs .content a { display: block; margin-right: 0; } } #block-veritas-search-vse-tabs .content a:last-child { margin-right: 0; } #block-veritas-search-vse-tabs .content a:hover, #block-veritas-search-vse-tabs .content a.active { color: #dc934e; border-color: #dc934e; } /* teaser - workshop */ .node-workshop.node-teaser { position: relative; border: 6px solid #3e3e3e; background: #ffffff; text-align: left } .node-workshop.node-teaser .group-link { display: block; padding: 32px 18px; color: #363a3b; background: #ffffff; text-decoration: none; } .node-workshop.node-teaser .group-topblock { margin-bottom: 20px; } .node-workshop.node-teaser .group-topblock:after { content: ''; display: block; clear: both; } .node-workshop.node-teaser .group-topblock .paragraphs-items-field-program { width: 70px; float: left; font-size: 33px; line-height: 32px; top: -2px; font-size: 33px; line-height: 32px; text-transform: lowercase; font-weight: bold; color: #474747; background: transparent; } .node-workshop.node-teaser .group-topblock .paragraphs-items-field-program .program-date-day, .node-workshop.node-teaser .group-topblock .paragraphs-items-field-program .program-date-date { text-align: center; } .node-workshop.node-teaser .group-topblock .paragraphs-items-field-program .program-date-day { font-size: 30px; line-height: 1; } .node-workshop.node-teaser .group-topblock .paragraphs-items-field-program .program-date-date { color: #dc934e; position: relative; top: -2px; } .node-workshop.node-teaser .group-topblock .paragraphs-items-field-program .paragraphs-item-program { background: transparent; } .node-workshop.node-teaser .group-topblock .field-name-title { margin-left: 76px; } @media (max-width: 568px) { .node-workshop.node-teaser .group-topblock .field-name-title { margin-left: 0; } } .node-workshop.node-teaser .group-topblock .workshop-title { font-size: 21px; font-weight: bold; line-height: 1.1; margin: 0; margin-top: 7px; color: #363a3b; word-wrap: break-word; } .node-workshop.node-teaser .vw-workshop-last-spots { position: absolute; top: 0; left: 0; max-width: 90%; font-size: 16px; font-weight: bold; padding: 3px 8px; color: #ffffff; background: #dc934e; z-index: 2; } .node-workshop.node-teaser .field-name-field-experts { margin-left: 10px; margin-bottom: 10px; } .node-workshop.node-teaser .group-extrainfo { color: #636363; font-size: 12px; line-height: 1.5; text-transform: uppercase; margin-top: 10px; } .node-workshop.node-teaser .field-name-field-workshop-location { display: inline; } .node-workshop.node-teaser .field-name-field-workshop-location:after { content: " - "; margin: 0; } .node-workshop.node-teaser .vw-workshop-remaining-spots { display: inline; } .node-workshop.node-teaser .vw-workshop-remaining-spots span { color: #dc934e; } /* teaser 'alternative circle' - workshop */ .node-expert.view-mode-teaser_alternative_circle_by:after { content: ''; display: block; clear: both } .node-expert.view-mode-teaser_alternative_circle_by .group-image { float: left; margin-top: 8px; margin-right: 20px; margin-bottom: 10px; } .node-expert.view-mode-teaser_alternative_circle_by .group-image-background { border-radius: 50%; width: 38px; height: 38px; background-size: cover; background-position: center; } .node-expert.view-mode-teaser_alternative_circle_by .field-name-field-image { } .node-expert.view-mode-teaser_alternative_circle_by .field-name-field-image img { display: none; } .node-expert.view-mode-teaser_alternative_circle_by .group-details { float: left; line-height: 17px; text-align: left; } .node-expert.view-mode-teaser_alternative_circle_by .field-name-title { } .node-expert.view-mode-teaser_alternative_circle_by .field-name-title .label-above { font-size: 12px; color: #767676; text-transform: lowercase; } .node-expert.view-mode-teaser_alternative_circle_by .field-name-title h2 { margin: 0; font-size: 14px; line-height: 17px; } .node-expert.view-mode-teaser_alternative_circle_by .field-name-field-function-title { font-size: 12px; line-height: 17px; color: #767676; } /* teaser list - workshop */ .view-workshop-facets { overflow: hidden } .view-workshop-facets .view-content { margin: 0; padding: 0; list-style: none; } .view-workshop-facets .views-row { float: left; margin: 0; margin-bottom: 30px; margin-right: 2.66%; padding: 0; width: 23%; } .view-workshop-facets .views-row:nth-child(4n+4) { margin-right: 0; } .view-workshop-facets .views-row:nth-child(4n+5) { clear: both; } .view-workshop-facets .views-row:nth-child(2n+2) { } @media (max-width: 980px) { .view-workshop-facets .views-row:nth-child(2n+2) { margin-right: 0; } } .view-workshop-facets .views-row:nth-child(2n+3) { } @media (max-width: 980px) { .view-workshop-facets .views-row:nth-child(2n+3) { clear: both; } } @media (max-width: 980px) { .view-workshop-facets .views-row { width: 49%; margin-right: 2%; } } @media (max-width: 568px) { .view-workshop-facets .views-row { width: 100%; } } .view-workshop-facets .views-row .node-teaser, .view-workshop-facets .views-row .node-workshop { width: 100%; } .view-workshop-facets .view-empty { text-align: center; color: #dc934e; > * { margin-bottom: 60px; } } .view-workshop-facets .view-empty .view-header { position: relative; color: #dc934e; font-weight: bold; font-size: 16px; text-transform: uppercase; line-height: 1.4; position: relative; z-index: 1; margin-top: 36px; margin-bottom: 36px; } .view-workshop-facets .view-empty .view-header p { margin: 0; display: inline-block; background: #ffffff; padding: 0 12px; position: relative; z-index: 20; } .view-workshop-facets .view-empty .view-header:after { position: relative; z-index: 10; content: ''; z-index: 1; background: none left center repeat-x; background-size: 6px 1px; height: 1px; width: 100%; position: absolute; top: 50%; left: 0; } .view-workshop-facets .view-empty .view-header:before { position: absolute; z-index: 5; top: 50%; left: 0; right: 0; margin-top: -1px; content: ''; display: inline-block; width: 100%; border: 1px dashed #363a3b; } /* teaser list - content */ .view-veritas-content { overflow: hidden } .view-veritas-content .view-content { margin: 0; margin-bottom: 20px; padding: 0; list-style: none; } .view-veritas-content .views-row { float: left; margin: 0; margin-bottom: 30px; margin-right: 2.66%; padding: 0; text-align: left; width: 23%; min-height: 100px; border-bottom: 2px solid #363a3b; } .view-veritas-content .views-row:nth-child(4n+4) { margin-right: 0; } .view-veritas-content .views-row:nth-child(4n+5) { clear: both; } .view-veritas-content .views-row:nth-child(2n+2) { } @media (max-width: 980px) { .view-veritas-content .views-row:nth-child(2n+2) { margin-right: 0; } } .view-veritas-content .views-row:nth-child(2n+3) { } @media (max-width: 980px) { .view-veritas-content .views-row:nth-child(2n+3) { clear: both; } } @media (max-width: 980px) { .view-veritas-content .views-row { width: 49%; margin-right: 2%; } } @media (max-width: 568px) { .view-veritas-content .views-row { width: 100%; min-height: 0; } } .view-veritas-content .view-empty { text-align: center; color: #dc934e !important; > * { margin-bottom: 60px; } } .view-veritas-content .view-empty .view-header { position: relative; color: #dc934e; font-weight: bold; font-size: 16px; text-transform: uppercase; line-height: 1.4; position: relative; z-index: 1; margin-top: 36px; margin-bottom: 36px; } .view-veritas-content .view-empty .view-header p { margin: 0; display: inline-block; background: #ffffff; padding: 0 12px; position: relative; z-index: 20; } .view-veritas-content .view-empty .view-header:after { position: relative; z-index: 10; content: ''; z-index: 1; background: none left center repeat-x; background-size: 6px 1px; height: 1px; width: 100%; position: absolute; top: 50%; left: 0; } .view-veritas-content .view-empty .view-header:before { position: absolute; z-index: 5; top: 50%; left: 0; right: 0; margin-top: -1px; content: ''; display: inline-block; width: 100%; border: 1px dashed #363a3b; } .view-veritas-content { } .view-veritas-content .node-content-view { width: 100%; padding: 20px 0; border-bottom: 1px solid $atelier_yellow-orange; } .view-veritas-content .views-field { } .view-veritas-content .views-field .views-label { display: none; } .view-veritas-content .views-field-title { font-weight: bold; } .view-veritas-content .views-field-title a { text-decoration: none; } .view-veritas-content .views-field-title a:hover, .view-veritas-content .views-field-title a:focus { text-decoration: none; color: $atelier_yellow-orange; } .view-veritas-content .views-field-body { display: none; font-size: 12px; margin-top: 10px; color: #857c77; } .view-veritas-content .views-field-body a { text-decoration: none; } .view-veritas-content .views-field-body a:hover, .view-veritas-content .views-field-body a:focus { text-decoration: none; } .view-veritas-content .views-field-body img { display: none; } .view-veritas-content .views-field-body b, .view-veritas-content .views-field-body strong { font-weight: normal; } .view-veritas-content .views-field-body table, .view-veritas-content .views-field-body blockquote, .view-veritas-content .views-field-body hr, .view-veritas-content .views-field-body h1, .view-veritas-content .views-field-body h2, .view-veritas-content .views-field-body h3, .view-veritas-content .views-field-body h4, .view-veritas-content .views-field-body h5, .view-veritas-content .views-field-body h6, .view-veritas-content .views-field-body video, .view-veritas-content .views-field-body iframe { display: none; } .view-veritas-content .view-empty { text-align: center; color: #dc934e; } .view-veritas-content .view-empty .view-content { margin: 0; } #block-veritas_search-vse_primary_menu, #block-veritas-search-vse-primary-menu { } #block-veritas_search-vse_primary_menu .block-inner .content, #block-veritas_search-vse_primary_menu .content, #block-veritas-search-vse-primary-menu .block-inner .content, #block-veritas-search-vse-primary-menu .content { margin-top: 40px; } #block-veritas_search-vse_primary_menu .block-inner .content h3, #block-veritas_search-vse_primary_menu .content h3, #block-veritas-search-vse-primary-menu .block-inner .content h3, #block-veritas-search-vse-primary-menu .content h3 { font-size: 16px; font-weight: bold; text-transform: uppercase; } #block-veritas_search-vse_primary_menu .block-inner .content ul, #block-veritas_search-vse_primary_menu .content ul, #block-veritas-search-vse-primary-menu .block-inner .content ul, #block-veritas-search-vse-primary-menu .content ul { margin: 0; padding: 0; list-style: none; text-align: center; } #block-veritas_search-vse_primary_menu .block-inner .content ul li, #block-veritas_search-vse_primary_menu .content ul li, #block-veritas-search-vse-primary-menu .block-inner .content ul li, #block-veritas-search-vse-primary-menu .content ul li { display: inline-block; margin: 5px 5px; } /* teaser list - stores */ .page-search-stores .view-stores .views-row { } .page-search-stores .view-stores .views-row .node-store { display: block; width: 100%;/*border-bottom: 1px solid #dc934c;*/ padding: 0 10px 20px; text-align: left; color: #362F2D; } .page-search-stores .view-stores .views-row .node-store header h2 { min-height: 44px; margin: 0 0 12px; font-size: 18px; font-weight: bold; color: #362F2D; text-transform: uppercase; } @media (max-width: 568px) { .page-search-stores .view-stores .views-row .node-store header h2 { min-height: auto; } } .page-search-stores .view-stores .views-row .node-store .content-store { background: transparent; padding: 0; margin: 0; } .page-search-stores .view-stores .views-row .node-store .vse-store-location { } .page-search-stores .view-stores .views-row .node-store .vse-store-location .postal-code, .page-search-stores .view-stores .views-row .node-store .vse-store-location .locality { display: inline-block; } .page-search-stores .view-stores .views-row .node-store .vse-store-location .postal-code { margin-right: 3px; } .page-search-stores .view-stores .views-row .node-store .vse-store-location .tel abbr { margin-right: 3px; } .page-search-stores .view-stores .views-row .node-store .vse-store-link { margin: 12px 0; } .page-search-stores .view-stores .views-row .node-store .vse-store-link a { display: inline-block; padding: 5px 36px 7px 7px; } .view-stores { overflow: hidden /*& .views-row { float: left; margin: 0; margin-bottom: var(--marge); margin-right: 2.66%; padding: 0; text-align: left; width: 23%; &:nth-child(4n+4) { margin-right: 0; } &:nth-child(4n+5) { clear: both; } &:nth-child(2n+2) { @media (--mqL) { margin-right: 0; } } &:nth-child(2n+3) { @media (--mqL) { clear: both; } } @media (--mqL) { width: 49%; margin-right: 2%; } @media (--mqS) { width: 100%; } }*/ } .view-stores .view-content { margin: 0; padding: 0; list-style: none; } .view-stores { } .view-stores .view-empty { text-align: center; color: #dc934e; } .view-stores .view-empty .view-content { margin: 0; } .view-stores .view-content { text-align: left; } .view-stores .store-map-attachment { padding: 0 20px; } .view-stores .view-store-locator { margin-top: 60px; } .view-stores .view-store-locator .view-store-locator { margin-top: 0; } .view-stores .store-teaser .views-row { display: block; text-align: left; color: #362F2D; } .view-stores .store-teaser .views-row .views-field-distance { display: none; } /* teaser list - ideas */ .node-idea.node-teaser { /*@include fontApercuProperties();*/ text-align: left; .group-link:hover, .group-link:focus { } .group-link:hover .group-background, .group-link:focus .group-background { -ms-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } .group-link:hover .group-title, .group-link:hover .group-title h2, .group-link:focus .group-title, .group-link:focus .group-title h2 { color: #dc934e; } } .node-idea.node-teaser .group-link { overflow: hidden; display: block; color: #363a3b; position: relative; width: 100%; text-decoration: none; } .node-idea.node-teaser .group-link .group-background-container { overflow: hidden; } .node-idea.node-teaser .group-link .field-name-field-label { position: absolute; top: 0; left: 0; max-width: 90%; font-size: 16px; font-weight: bold; padding: 3px 8px; color: #ffffff; background: #dc934e; z-index: 2; } .node-idea.node-teaser .group-link .group-background { height: 250px; background-repeat: no-repeat; background-size: cover; background-position: center center; transition: transform 0.4s ease-out; } .node-idea.node-teaser .group-link .group-background img { display: none; } .node-idea.node-teaser .group-link .group-title { padding: 16px; color: #3e3e3e; } .node-idea.node-teaser .group-link .group-title .field-name-title { display: block; transition: color 0.3s ease; } .node-idea.node-teaser .group-link .group-title .field-name-title h2 { margin: 0; font-size: 16px; line-height: 22px; letter-spacing: 0.52px; color: #3e3e3e; transition: color 0.3s ease; font-weight: bold; } .node-idea.node-teaser .group-link .group-title .field-name-field-difficulty { margin-top: 10px; font-size: 11px; line-height: 1.4; text-transform: uppercase; color: #3e3e3e; } .view-ideas-facets { overflow: hidden } .view-ideas-facets .view-content { margin: 0; padding: 0; list-style: none; } .view-ideas-facets .views-row { float: left; margin: 0; margin-bottom: 30px; margin-right: 2.66%; padding: 0; width: 23%; } .view-ideas-facets .views-row:nth-child(4n+4) { margin-right: 0; } .view-ideas-facets .views-row:nth-child(4n+5) { clear: both; } .view-ideas-facets .views-row:nth-child(2n+2) { } @media (max-width: 980px) { .view-ideas-facets .views-row:nth-child(2n+2) { margin-right: 0; } } .view-ideas-facets .views-row:nth-child(2n+3) { } @media (max-width: 980px) { .view-ideas-facets .views-row:nth-child(2n+3) { clear: both; } } @media (max-width: 980px) { .view-ideas-facets .views-row { width: 49%; margin-right: 2%; } } @media (max-width: 568px) { .view-ideas-facets .views-row { width: 100%; } } .view-ideas-facets .view-empty { text-align: center; color: #dc934e; > * { margin-bottom: 60px; } } .view-ideas-facets .view-empty .view-header { position: relative; color: #dc934e; font-weight: bold; font-size: 16px; text-transform: uppercase; line-height: 1.4; position: relative; z-index: 1; margin-top: 36px; margin-bottom: 36px; } .view-ideas-facets .view-empty .view-header p { margin: 0; display: inline-block; background: #ffffff; padding: 0 12px; position: relative; z-index: 20; } .view-ideas-facets .view-empty .view-header:after { position: relative; z-index: 10; content: ''; z-index: 1; background: none left center repeat-x; background-size: 6px 1px; height: 1px; width: 100%; position: absolute; top: 50%; left: 0; } .view-ideas-facets .view-empty .view-header:before { position: absolute; z-index: 5; top: 50%; left: 0; right: 0; margin-top: -1px; content: ''; display: inline-block; width: 100%; border: 1px dashed #363a3b; } /* print */ /* ========================================================================== Print styles ========================================================================== */ @media print { *, *:before, *:after, *:first-letter, *:first-line { background: transparent !important; color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links that are fragment identifiers, * or use the `javascript:` pseudo protocol */ a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } /* * Printing Tables: * http://css-discuss.incutio.com/wiki/Printing_Tables */ thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }