/*-------------------------------------------------------------- Fonts --------------------------------------------------------------*/ @import url("https://use.typekit.net/ysh6ghj.css"); @font-face { font-family: 'tglt-ext'; src: url('/assets/fonts/tglt-ext.eot'); src: url('/assets/fonts/tglt-ext.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/tglt-ext.woff2') format('woff2'), url('/assets/fonts/tglt-ext.woff') format('woff'), url('/assets/fonts/tglt-ext.ttf') format('truetype'), url('/assets/fonts/tglt-ext.svg#tglt-ext') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'tglt-ext'; src: url('/assets/fonts/tglt-ext-bold.eot'); src: url('/assets/fonts/tglt-ext-bold.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/tglt-ext-bold.woff2') format('woff2'), url('/assets/fonts/tglt-ext-bold.woff') format('woff'), url('/assets/fonts/tglt-ext-bold.ttf') format('truetype'), url('/assets/fonts/tglt-ext-bold.svg#tglt-ext-bold') format('svg'); font-weight: 700; font-style: normal; font-display: swap; } /*-------------------------------------------------------------- Color Values ---------------------------------------------------------------- Navy: #002B3F Green: #72BD43 Dark Green: #03755F Dark Gray: #5E7177 Gray: #BDCCD4 Light Gray: #DFE6E8 White: #FFFFFF --------------------------------------------------------------*/ /*-------------------------------------------------------------- Type Styles --------------------------------------------------------------*/ html, body { position:relative; width:100%; min-width:320px; height:100%; font-family:baskerville-urw,Lucida,Georgia,serif; font-weight:400; font-style:normal; font-size:16px; line-height:20px; letter-spacing:0; color:#002B3F; background-color:#fff; padding:0; margin:0 !important; scroll-behavior:smooth; } a { color:#72BD43; text-decoration:underline; outline:transparent; cursor:pointer; } a:hover { color:#002B3F; } h1, .h1, .h1 p { font-weight:400; font-family:'tglt-ext','Lucida Sans',Verdana,sans-serif; font-size:32px; line-height:38px; letter-spacing:1.25px; margin:0 0 20px 0; } h2, .h2, .h2 p { font-weight:400; font-family:'tglt-ext','Lucida Sans',Verdana,sans-serif; font-size:26px; line-height:32px; letter-spacing:1.15px; margin:0 0 20px 0; } h3, .h3, .h3 p { font-weight:700; font-family:'tglt-ext','Lucida Sans',Verdana,sans-serif; font-size:22px; line-height:30px; letter-spacing:0.75px; margin:0 0 20px 0; } h4, .h4, .h4 p { font-weight:700; font-family:trade-gothic-next,'Lucida Sans',Verdana,sans-serif; font-size:16px; line-height:24px; letter-spacing:0.66px; text-transform:uppercase; margin:0 0 10px 0; } p.small, .small p, .small { font-size:12px; line-height:16px; margin-bottom:20px; } p { font-size:16px; line-height:24px; margin-bottom:20px; } .p, ul li, ol li { font-size:16px; line-height:24px; } p:last-child { margin-bottom:0; } p.lead,.lead p, .lead, .lead ul li, .lead ol li { font-size:24px; font-weight:300; letter-spacing:1.05px; line-height:36px; } .form input[type=text], .form input[type=email], .form input[type=submit], .form select, .form textarea { width:100%; color:#002B3F; font-family:trade-gothic-next,'Lucida Sans',Verdana,sans-serif; font-size:20px; letter-spacing:0.01px; background-color:transparent; padding:15px 0; border:none; border-bottom:1px solid #002B3F; outline:transparent; } .form textarea { border:1px solid #002B3F; padding:15px; } .form label { color:#002B3F; font-family:trade-gothic-next,'Lucida Sans',Verdana,sans-serif; font-size:20px; letter-spacing:0.01px; padding:0; } ::-webkit-input-placeholder { color:#002B3F; } ::-moz-placeholder { color:#002B3F; } :-ms-input-placeholder { color:#002B3F; } :-moz-placeholder { color:#002B3F; } .form .field { margin-bottom:30px; } .form .field:last-child { margin-bottom:0; } .form .field.side-label { margin-bottom:0; } .form .field.side-label label { display:block; padding:15px 0; line-height:20px; white-space:nowrap; } .form ul li, .form ol li { font-size:12px; line-height:24px; padding:0; margin:0; } .form #websiteLink { display:none; } .button, .form input.button { position:relative; display:inline-block; min-width:130px; text-align:center; color:#fff; font-family:'tglt-ext','Lucida Sans',Verdana,sans-serif; font-size:14px; background-color:#72BD43; text-transform: uppercase; letter-spacing: 1.5px; text-decoration:none; padding:10px 15px; border:none; border-radius:5px; outline:transparent; cursor:pointer; white-space:nowrap; margin:0; } .button:hover, .form input.button:hover { color:#fff; background-color:#002B3F; } .button.center { margin:0 10px; } h1, .h1, .h1 p, h2, .h2, .h2 p, h3, .h3, .h3 p, h4, .h4, .h4 p, h5, .h5, .h5 p, a, .headline, .block.content.text blockquote, .block-list.legacy .block.heading { opacity:0; } body.font-loaded h1, body.font-loaded .h1, body.font-loaded .h1 p, body.font-loaded h2, body.font-loaded .h2, body.font-loaded .h2 p, body.font-loaded h3, body.font-loaded .h3, body.font-loaded .h3 p, body.font-loaded h4, body.font-loaded .h4, body.font-loaded .h4 p, body.font-loaded h5, body.font-loaded .h5, body.font-loaded .h5 p, body.font-loaded a, body.font-loaded .headline, body.font-loaded .block.content.text blockquote, body.font-loaded .block-list.legacy .block.heading { opacity:1; } /*-------------------------------------------------------------- Modular Styles --------------------------------------------------------------*/ img.w-fit, img.fit { width:100%; height:auto; } .row-h-sync { display:flex; flex-wrap:nowrap; align-items:stretch; } .y-center, .y-center-md, .y-center-lg { position:relative; } .y-center, .y-center-md, .y-center-lg, .x-center, .h-sync, .h-sync-sm, .h-sync-md, .h-sync-lg, .w-h-sync, .w2-h-sync, .w-sync, .w-extend-lg-6 { opacity:0; } .y-center-set, .y-center-md-set, .y-center-lg-set, .x-center-set, .h-sync-set, .h-sync-sm-set, .h-sync-md-set, .h-sync-lg-set, .w-h-sync-set, .w2-h-sync-set, .w-sync-set, .w-extend-lg-6-set { opacity:1; } .scroll-effect-set { } .fade-in { opacity:0; } body.font-loaded .fade-in.scroll-effect-set { opacity:1; } .fade-in-up { -webkit-transform:translate(0,90px); -moz-transform:translate(0,90px); -ms-transform:translate(0,90px); -o-transform:translate(0,30px); transform:translate(0,90px); opacity:0; } body.font-loaded .fade-in-up.scroll-effect-set { -webkit-transform:translate(0,0); -moz-transform:translate(0,0); -ms-transform:translate(0,0); -o-transform:translate(0,0); transform:translate(0,0); opacity:1; } .fade-in-down { -webkit-transform:translate(0,-30px); -moz-transform:translate(0,-30px); -ms-transform:translate(0,-30px); -o-transform:translate(0,-30px); transform:translate(0,-30px); opacity:0; } body.font-loaded .fade-in-down.scroll-effect-set { -webkit-transform:translate(0,0); -moz-transform:translate(0,0); -ms-transform:translate(0,0); -o-transform:translate(0,0); transform:translate(0,0); opacity:1; } nav { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .video-embed { position:relative; width:100%; height:0; font-size:1.5em; padding-bottom:56.25%; } .video-embed video, .video-embed iframe { position:absolute; top:0; left:0; width:100%; height:100%; } .bg-gray { background-color:#e6e7e8; } .slider ul, .slider ul li { list-style:none; padding:0; margin:0; } .slider ul, .slider ul li, .slider ul li img { } .slider.fader .glide__slides { transform:none !important; width:auto !important; display:block; } .slider.fader .glide__slide { position:absolute; left:0; top:0; opacity:0; transition:opacity 2s; } .slider.fader .glide__slide:first-child { position:relative; } .slider.fader .glide__slide a { display:block; } .slider.fader .glide__slide--active { z-index:1; opacity:1; } .block { position:relative; clear:both; } .page-title { padding:20px 0 25px; margin-bottom:10px; } .page-title .title { margin:0; } .project .text .types { font-size:14px; line-height:18px; text-transform:uppercase; margin-bottom:5px; } .project .text .types .type { white-space:nowrap; } .project .text .title { line-height:1; text-transform:uppercase; margin:0; } .project .text .cta { font-size:16px; text-decoration:underline; } .row-pagination { text-align:center; padding:15px 0; } .row-pagination .number, .row-pagination .arrow { display:inline-block; font-size:20px; font-weight:700; letter-spacing:0.75px; text-transform:uppercase; padding:10px; } .accordion .content { display:none; } .accordion .expand { display:block; } .accordion .collapse { display:none; } .background-whiteLogo { background-image:url(/assets/images/layout/logomark-freshpack-72bd43-a50.png); background-size:120px 120px; background-repeat:no-repeat; background-position:center center; } .background-lightGray { background-color:#DFE6E8; } .background-green { color:#fff; background-color:#72bd43; } .background-darkGreen { color:#fff; background-color:#03755F; } .background-navy { color:#fff; background-color:#002B3F; } .background-black { color:#fff; background-color:#000; } .background-green a, .background-darkGreen a, .background-navy a { color:#fff; } .background-green .button, .background-green .form input.button, .background-darkGreen .button, .background-darkGreen .form input.button, .background-navy .button, .background-navy .form input.button, .background-black .button, .background-black .form input.button { color:#002B3F; background-color:#fff; } .background-green .button:hover, .background-green .form input.button:hover, .background-darkGreen .button:hover, .background-darkGreen .form input.button:hover, .background-navy .button:hover, .background-navy .form input.button:hover, .background-black .button:hover, .background-black .form input.button:hover { color:#fff; background-color:#002B3F; } .links .link a { display:inline-block; font-size:16px; letter-spacing:1.6px; text-decoration:none; text-transform:uppercase; padding:5px 10px; } .links .link a.style-button { background-color:#fff; border-radius:10px; } .links .link a .icon { margin-right:5px; } /*-------------------------------------------------------------- Core Styles --------------------------------------------------------------*/ body.menu-active { overflow-y:hidden; } #layout { overflow-x:hidden; } header {} header #top-nav { position:relative; z-index:40; width:100%; background-color:#fff; padding:10px 0; border-bottom:5px solid #72bd43; } header .col-logo img { width:100%; max-width:160px; } header nav { position:relative; width:100%; height:100%; } header nav ul, header nav ul li { list-style:none; padding:0; margin:0; } header nav ul li a { display:block; color:#002B3F; font-family:trade-gothic-next,'Lucida Sans',Verdana,sans-serif; font-weight:300; font-size:16px; line-height:16px; letter-spacing:0.45px; text-decoration:none; padding:10px; } header nav ul li a:hover { color:#72bd43; } header nav ul li a.active { color:#72bd43; font-weight:700; } header nav > ul { display:none; position:absolute; right:0; top:50px; margin:-18px 0 0 0; white-space:nowrap; } header nav > ul > li { position:relative; display:inline-block; } header nav > ul > li:last-child > a { color:#fff; font-family:'tglt-ext','Lucida Sans',Verdana,sans-serif; font-size:12px; background-color:#72BD43; text-transform: uppercase; letter-spacing: 1.5px; border-radius:5px; margin-left:5px; } header nav > ul > li:last-child > a:hover { background-color:#002B3F; } header nav > ul > li.parent:hover > a { color:#72bd43; } header nav > ul > li:hover .sub { display:block; } header nav ul li .sub { display:none; position:absolute; min-width:100%; background-color:#fff; border-top:1px solid #72bd43; } header nav ul li .sub a { display:block; font-size:14px; line-height:14px; padding:10px 15px; border-bottom:1px solid #DFE6E8; } header nav ul li .sub a:hover { color:#72bd43; } header nav ul li .sub a.active { font-weight:700; color:#72bd43; } header nav ul li .sub li { display:block; } header nav ul li .sub.projects { width:700px; } header nav ul li .sub .row-categories .headline { font-weight:700; text-transform:uppercase; letter-spacing: 0.58px; padding:5px 15px 10px 15px; } header nav ul li .sub .row-categories .col-types { padding-bottom:60px; } header nav ul li .sub .row-categories .col-types .all { position:absolute; bottom:0; } header nav ul li .sub .row-categories .col-markets .options { columns:2; column-gap:15px; } header nav ul li .sub.studio { min-width:193px; } header nav .menu-toggle { display:block; position:absolute; top:50%; right:0; width:45px; height:45px; padding:7.5px; margin-top:-23px; } header nav .menu-toggle .icon { position:relative; display:inline-block; width:30px; height:30px; } header nav .menu-toggle .icon div { position:absolute; left:0; width:30px; height:3px; background-color:#002B3F; } header nav .menu-toggle .icon div:nth-child(1){ top:5px; -webkit-transform:translate(0,0) rotate(0deg); -moz-transform:translate(0,0) rotate(0deg); -ms-transform:translate(0,0) rotate(0deg); -o-transform:translate(0,0) rotate(0deg); transform:translate(0,0) rotate(0deg); transform-origin:right top; } header nav .menu-toggle .icon div:nth-child(2){ top:14px; } header nav .menu-toggle .icon div:nth-child(3){ top:23px; -webkit-transform:translate(0,0) rotate(0deg); -moz-transform:translate(0,0) rotate(0deg); -ms-transform:translate(0,0) rotate(0deg); -o-transform:translate(0,0) rotate(0deg); transform:translate(0,0) rotate(0deg); transform-origin:right bottom; } .menu-active header nav .menu-toggle .icon div { background-color:#002B3F; } .menu-active header nav .menu-toggle .icon div:nth-child(1){ top:8px; left:-1px; -webkit-transform:translate(-4px,-5px) rotate(-45deg); -moz-transform:translate(-4px,-5px) rotate(-45deg); -ms-transform:translate(-4px,-5px) rotate(-45deg); -o-transform:translate(-4px,-5px) rotate(-45deg); transform:translate(-4px,-5px) rotate(-45deg); transform-origin:right top; } .menu-active header nav .menu-toggle .icon div:nth-child(2){ opacity:0; } .menu-active header nav .menu-toggle .icon div:nth-child(3){ top:14px; left:-1px; -webkit-transform:translate(-4px,9px) rotate(45deg); -moz-transform:translate(-4px,9px) rotate(45deg); -ms-transform:translate(-4px,9px) rotate(45deg); -o-transform:translate(-4px,9px) rotate(45deg); transform:translate(-4px,9px) rotate(45deg); transform-origin:right bottom; } .menu-active #menu { right:0; } #menu { display:block; position:fixed; z-index:10; width:100%; height:100%; top:0; bottom:0; right:-100%; text-align:left; color:#fff; background-color:#72bd43; } #menu .window { position:absolute; top:110px; bottom:0; width:100%; right:-100%; padding:15px; overflow-y:auto; } #menu .window.main { right:100%; } #menu .window.active { right:0; } #menu .section { margin-bottom:40px; } #menu a { color:#fff; font-family:trade-gothic-next,'Lucida Sans',Verdana,sans-serif; text-decoration:none; } #menu ul { list-style:none; padding:0; margin:0; } #menu ul li { display:block; padding:0; margin:0; } #menu ul li a { display:inline-block; padding:10px 15px; } #menu ul.nav > li { margin-bottom:20px; } #menu ul.nav > li > a { font-family:'tglt-ext','Lucida Sans',Verdana,sans-serif; font-size:18px; letter-spacing:1.15px; text-transform:uppercase;} #menu ul.nav > li:last-child a { color:#72bd43; font-weight:700; background-color:#fff; padding-top:15px; border-radius:10px; } #menu ul.nav ul.sub li a { font-family:trade-gothic-next,'Lucida Sans',Verdana,sans-serif; font-size:16px; letter-spacing:0.45px; padding:5px 15px; } #menu .social { padding:0 5px; } #menu .social ul li { display:inline-block; } #menu .social ul li a { display:inline-block; text-align:center; width:40px; height:40px; font-size:24px; line-height:40px; color:#72bd43; background-color:#fff; padding:0; border-radius:50%; margin:0 5px 10px 5px; } #menu .social ul li a:hover { background-color:#002B3F; } #menu .contactinfo p { line-height:16px; margin-bottom:10px; } footer { color:#fff; font-family:trade-gothic-next,'Lucida Sans',Verdana,sans-serif; background-color:#002B3F; padding:40px 0 60px 0; } footer a { color:#fff; } footer a:hover { color:#72BD43; } footer .col { margin-bottom:40px; } footer .col ul { list-style:none; padding:0; margin:0; } footer .col ul li { display:inline-block; padding:0; margin:0; } footer .col-logo img { width:100%; max-width:200px; } footer ul.nav li { display:block; } footer ul.nav li a { display:block; letter-spacing:1.15px; text-transform:uppercase; text-decoration:none; padding:10px 0; } footer .col-contactinfo { text-align:left; padding-top:10px; padding-bottom:10px; } footer .col-contactinfo p { margin-bottom:20px; } footer ul.social-icons { margin:0 -5px; } footer ul.social-icons li a { display:inline-block; text-align:center; width:40px; height:40px; font-size:24px; line-height:40px; color:#002B3F; background-color:#fff; padding:0; border-radius:50%; margin:0 5px 10px 5px; } footer ul.social-icons li a:hover { background-color:#72BD43; } /*-------------------------------------------------------------- Block Styles --------------------------------------------------------------*/ .block.content { padding:0; margin:0; } .block.content.block-index-before { margin:0; } .block.content.block-index-1 { margin:0; } .block.content.marquee { position:relative; } .block.content.marquee .slider .glide__bullets { position:absolute; z-index:20; bottom:20px; width:100%; text-align:center; } .block.content.marquee .slider .glide__bullets .glide__bullet { width:50px; height:5px; background-color:#fff; border:none; border-radius:0; outline:none; margin:0 5px; opacity:0.5; } .block.content.marquee .slider .glide__bullets .glide__bullet.glide__bullet--active { opacity:1; } .block.content.marquee .slider .glide__arrow { position:absolute; z-index:20; top:0; bottom:0; color:#fff; font-size:72px; background-color:transparent; padding:10px; border:none; outline:none; opacity:0; } .block.content.marquee:hover .slider .glide__arrow { opacity:0.5; } .block.content.marquee .slider .glide__arrow:hover { opacity:1; } .block.content.marquee .slider .glide__arrow.glide__arrow--left { left:0; } .block.content.marquee .slider .glide__arrow.glide__arrow--right { right:0; } .block.content.marquee .slider .glide__slide { color:#fff; text-align:center; background-size:cover; background-position:center center; background-repeat:no-repeat; } .block.content.marquee .slider .glide__slide .box { width:100%; height:100%; background-color:rgba(0,0,0,0.5); } .block.content.marquee .slider .glide__slide .box .text .headline { margin-bottom:30px; } .block.content.marquee .slider .glide__slide .box .text .subheadline { font-family:trade-gothic-next,'Lucida Sans',Verdana,sans-serif; font-size:22px; font-weight:300; margin-bottom:40px; } .block.content.marquee .slider .glide__slide .box .text .button { display:inline-block; font-size:16px; } .block.content.marquee.layout-fullScreen .slider .glide__slide { height:100vh; height:calc(100vh - 103px); min-height:460px; } .block.content.marquee.layout-fullScreen .slider .glide__slide .box .text { padding:20px 15px 60px 15px; } .block.content.marquee.layout-fullScreen .slider .glide__slide .box .text .logomark { width:60px; margin-bottom:20px; } .block.content.marquee.layout-fullScreen .slider .glide__slide .box .text .headline { margin-bottom:30px; } .block.content.marquee.layout-fullScreen .slider .glide__slide .box .text .subheadline { font-size:22px; line-height:30px; margin-bottom:40px; } .block.content.marquee.layout-fullScreen .slider .glide__slide .box .text .button { font-size:16px; } .block.content.marquee.layout-header .slider .glide__slide { height:auto; } .block.content.marquee.layout-header .slider .glide__slide .box .text { padding:20px 0; } .block.content.marquee.layout-header .slider .glide__slide .box .text .logomark { width:60px; margin-bottom:10px; } .block.content.marquee.layout-header .slider .glide__slide .box .text .headline { font-size:30px; line-height:40px; margin-bottom:20px; } .block.content.marquee.layout-header .slider .glide__slide .box .text .subheadline { font-size:16px; line-height:24px; margin-bottom:20px; } .block.content.marquee.layout-header .slider .glide__slide .box .text .button { font-size:14px; } .block.content.marquee.layout-testimonials .slider .glide__slide { height:100%; } .block.content.marquee.layout-testimonials .slider .glide__slide .box { background:none; } .block.content.marquee.layout-testimonials .slider .glide__slide .box .text { padding:20px 0 40px; } .block.content.marquee.layout-testimonials .slider .glide__slide .box .text .logomark { display:none; } .block.content.marquee.layout-testimonials .slider .glide__slide .box .text .headline { font-size:24px; line-height:36px; margin-bottom:20px; } .block.content.marquee.layout-testimonials .slider .glide__slide .box .text .subheadline { font-size:16px; line-height:24px; margin-bottom:20px; } .block.content.text h2, .block.content.text h3, .block.content.text h4 { padding-top:45px; } .block.content.text h2:first-child, .block.content.text h3:first-child, .block.content.text h4:first-child { padding-top:0; } .block.content.text blockquote { text-align:center; color:#72bd43; font-weight:100; font-family:'tglt-ext','Lucida Sans',Verdana,sans-serif; font-size:24px; line-height:30px; letter-spacing:-0.035px; padding:30px 0 15px 0; } .block.content.text .button { margin-top:20px; } .block.content.text .box { padding:60px 0; } .block.content.text.layout-standardWidthCenter, .block.content.text.layout-halfWidthCenter { text-align:center; padding:90px 0; } .block.content.text.layout-standardWidthCenter .links, .block.content.text.layout-halfWidthCenter .links { padding-top:30px; } .block.content.text.layout-standardWidthCenter .links .link, .block.content.text.layout-halfWidthCenter .links .link { display:inline-block; } .block.content.text.layout-standardWidth2Columns .headline { text-align:center; } .block.content.text.layout-standardWidth2Columns .text { columns:2; column-gap:30px; } .block.content.text.layout-standardWidth3Columns .text { columns:3; column-gap:30px; } .block.content.text.layout-fullWidth4Columns .text { columns:4; column-gap:30px; } .block.content.text.layout-fullWidth4Columns .text .col { -webkit-column-break-inside:avoid; page-break-inside:avoid; break-inside:avoid; } .block.content.images .col-image { margin-bottom:10px; } .block.content.images .caption { padding:10px; } .block.content.images .masonry:after { display:block; content:''; clear:both; } .block.content.images .masonry .masonry-item { min-height:150px; margin-bottom:10px; } .block.content.images .masonry .masonry-item img { display:block; width:100%; } .block.content.images .grid-item { height:100%; } .block.content.text-image .box { padding:20px 0; } .block.content.text-image .col-text .text { padding:20px; } .block.content.text-image.layout-textOverlay .col-text .text { text-align:center; padding:60px 0; } .block.content.text-image.layout-textOverlay .col-text .logomark { width:60px; margin-bottom:20px; } .block.content.columns .row { margin:0 -20px; } .block.content.columns .col-outer { padding:20px 0 0 0; } .block.content.columns .col-column { text-align:center; padding:0 20px 40px 20px; } .block.content.columns .col-column .icon { margin-bottom:20px; } .block.content.columns .col-column .icon img { max-width:125px; } .block.content.video .frame { position:relative; background-size:cover; background-repeat:no-repeat; background-position:center center; background-attachment:scroll; overflow:hidden; } .block.content.form .box { padding:40px 0 60px; } .block.content.spacer.height-small { height:10px; } .block.content.spacer.height-medium { height:30px; } .block.content.spacer.height-large { height:60px; } /*-------------------------------------------------------------- Template Styles --------------------------------------------------------------*/ #page-standard { min-height:400px; } /*-------------------------------------------------------------- Entry Styles --------------------------------------------------------------*/ /*-------------------------------------------------------------- Mobile-First Breakpoints --------------------------------------------------------------*/ /* sm - 544px */ @media (min-width:544px){ footer .col-nav { columns:2; column-gap:10px; } /*.block.content.layout-gallery .gallery { columns:2; column-gap:10px; }*/ .block.content.images .masonry { margin:0 -5px; } .block.content.images .masonry .masonry-col { float:left; width:25%; padding:0 5px; margin:0; } } /* md - 768px */ @media (min-width:768px){ .page-title { padding:40px 0 45px; } .block.content.marquee.layout-fullScreen .slider .glide__slide .box .text { padding:20px 30px 60px 30px; } .block.content.text-image .box { padding:40px 0; } .block.content.text-image .col-text .text { padding:0 35px 35px 35px; } .block.content.text-image.layout-text50Image50 .col-text .text, .block.content.text-image.layout-text33Image66 .col-text .text { padding-left:0; } .block.content.text-image.layout-image50Text50 .col-text .text, .block.content.text-image.layout-image66Text33 .col-text .text { padding-right:0; } } /* md+ - 769px */ @media (min-width:769px){ } /* lg - 1024px */ @media (min-width:1024px) and (min-height:768px){ body, html { font-size:18px; line-height:30px; } body.menu-active { overflow-y:auto; } h1, .h1, .h1 p { font-size:55px; line-height:65px; margin:0 0 30px 0; } h2, .h2, .h2 p { font-size:40px; line-height:45px; margin:0 0 30px 0; } h3, .h3, .h3 p { font-size:30px; line-height:40px; margin:0 0 30px 0; } h4, .h4, .h4 p { font-size:24px; line-height:30px; margin:0 0 10px 0; } p.small, .small p, .small { font-size:14px; line-height:22px; } p, ul li, ol li { font-size:18px; line-height:36px; } .p { font-size:18px; line-height:28px; } .block.content.marquee.layout-fullScreen .slider .glide__slide .box .text .logomark { width:100px; } .block.content.marquee.layout-fullScreen .slider .glide__slide .box .text .subheadline { font-size:30px; } .block.content.marquee.layout-header .slider .glide__slide .box .text { padding:40px 0; } .block.content.marquee.layout-header .slider .glide__slide .box .text .logomark { width:80px; margin-bottom:15px; } .block.content.marquee.layout-header .slider .glide__slide .box .text .headline { font-size:40px; line-height:45px; margin-bottom:20px; } .block.content.marquee.layout-header .slider .glide__slide .box .text .subheadline { font-size:22px; line-height:30px; margin-bottom:20px; } .block.content.marquee.layout-header .slider .glide__slide .box .text .button { font-size:16px; } .block.content.marquee.layout-testimonials .slider .glide__slide .box .text { padding:40px 0 60px; } } /* lg - 1024px */ @media (min-width:1024px) { header #top-nav { padding:20px 0; } header .col-logo img { width:100%; max-width:200px; } header nav ul { display:block; } header nav .menu-toggle { display:none; } #menu { display:none; } .block.content.marquee.layout-fullScreen .slider .glide__slide .box .text { padding:20px 80px 60px 80px; } .block.content.marquee.layout-fullScreen .slider .glide__slide { height:100vh; height:calc(100vh - 143px); } } /* xl - 1240px */ @media (min-width:1240px){ .block.content.venue-intro .image { width:calc(50% + 100px); } } /* xxl - 1530px */ @media (min-width:1530px){ } /*-------------------------------------------------------------- Animations --------------------------------------------------------------*/ a, button, input, a svg { -moz-transition-property:opacity, color, background-color, fill; -webkit-transition-property:opacity, color, background-color, fill; -ms-transition-property:opacity, color, background-color, fill; transition-property:opacity, color, background-color, fill; -moz-transition-duration:0.25s; -webkit-transition-duration:0.25s; -ms-transition-duration:0.25s; transition-duration:0.25s; -moz-transition-timing-function:ease-out; -webkit-transition-timing-function:ease-out; -ms-transition-timing-function:ease-out; transition-timing-function:ease-out; } a:hover, button:hover, input:hover, a:hover svg { -moz-transition-duration:0s; -webkit-transition-duration:0s; -ms-transition-duration:0s; transition-duration:0s; } .scroll-effect-set { -webkit-transition-property:-webkit-transform, opacity; -moz-transition-property:-moz-transform, opacity; -ms-transition-property:-ms-transform, opacity; -o-transition-property:-o-transform, opacity; transition-property:transform, opacity; -webkit-transition-delay:0.35s; -moz-transition-delay:0.35s; -ms-transition-delay:0.35s; -o-transition-delay:0.35s; transition-delay:0.35s; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s; -o-transition-duration:0.5s; transition-duration:0.5s; -webkit-transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; -ms-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out; } .scroll-effect-set.effect-delay-1 { -webkit-transition-delay:0.45s; -moz-transition-delay:0.45s; -ms-transition-delay:0.45s; -o-transition-delay:0.45s; transition-delay:0.45s; } .scroll-effect-set.effect-delay-2 { -webkit-transition-delay:0.55s; -moz-transition-delay:0.55s; -ms-transition-delay:0.55s; -o-transition-delay:0.55s; transition-delay:0.55s; } .scroll-effect-set.effect-delay-3 { -webkit-transition-delay:0.65s; -moz-transition-delay:0.65s; -ms-transition-delay:0.65s; -o-transition-delay:0.65s; transition-delay:0.65s; } header nav ul li .sub .items li { -moz-transition-property:opacity; -webkit-transition-property:opacity; -ms-transition-property:opacity; transition-property:opacity; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -ms-transition-duration:0.5s; transition-duration:0.5s; -moz-transition-timing-function:linear; -webkit-transition-timing-function:linear; -ms-transition-timing-function:linear; transition-timing-function:linear; } header nav ul li .sub .back { -moz-transition-property:height; -webkit-transition-property:height; -ms-transition-property:height; transition-property:height; -moz-transition-duration:0.25s; -webkit-transition-duration:0.25s; -ms-transition-duration:0.25s; transition-duration:0.25s; -moz-transition-timing-function:ease-out; -webkit-transition-timing-function:ease-out; -ms-transition-timing-function:ease-out; transition-timing-function:ease-out; } header .menu-toggle, header .menu-toggle .icon div { -moz-transition-duration:0.25s; -webkit-transition-duration:0.25s; -ms-transition-duration:0.25s; transition-duration:0.25s; -moz-transition-timing-function:ease-out; -webkit-transition-timing-function:ease-out; -ms-transition-timing-function:ease-out; transition-timing-function:ease-out; } #menu { -moz-transition-property:right; -webkit-transition-property:right; -ms-transition-property:right; transition-property:right; -moz-transition-duration:0.25s; -webkit-transition-duration:0.25s; -ms-transition-duration:0.25s; transition-duration:0.25s; -moz-transition-timing-function:ease-out; -webkit-transition-timing-function:ease-out; -ms-transition-timing-function:ease-out; transition-timing-function:ease-out; }