/*
Theme Name: Philippe Briand 2021
Theme URI: https://philippebriand.com
Description: Custom theme by the Mighty Ant
Author: The Mighty Ant
Author URI: http://www.themightyant.com
Version: 2.5.4
===========================
BRAND COLOURS:
#E63206 Logo Red - NOT USED
#6B727B Logo Grey - Used for background
#69757C Body Grey - Used for text and lines
#fc0606 Bright Red
#a7a7a8 Light grey
#222222 Black
===========================
CONTENTS:
01 Sensible defaults
02 Typography
03 General CSS
04 Content blocks CSS
05 Page Template CSS
06 Media queries
===========================
/* ----------------------------------------------------------------------------------------------------------
------------------------------------------- 01 SENSIBLE DEFAULTS --------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/* Starkers CSS Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}
audio,canvas,video{display:inline;zoom:1}
html{font-size:100%;box-sizing:border-box;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
*, *:before, *:after {box-sizing:inherit;}
body{margin:0}
a{color:#69757C}
li{list-style:none}
b,strong{font-weight:700}
i,em,dfn{font-style:italic}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
small{font-size:85%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}
label{cursor:pointer}
input,select,textarea{font-size:100%;vertical-align:middle;margin:0}
button,input{line-height:normal;overflow:visible}
button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}
input[type=checkbox],input[type=radio]{box-sizing:border-box}
input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}
input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top;resize:vertical}
table{border-collapse:collapse;border-spacing:0}
td{vertical-align:top}
div,article,section,header,footer,nav,li { position:relative; }
.group:after { display:block; height:0; clear:both; content:""; visibility:hidden; font-size: 0; }
::-moz-selection { background:#fc0606; color:#fff; }
::selection { background:#fc0606; color:#fff; }
/* Wordpress defaults */
img.alignright { float: right; margin: 0 0 15px 15px; max-width: 100%; height: auto; }
img.alignleft { float: left; margin: 0 15px 15px 0; max-width: 100%; height: auto; }
img.aligncenter { display: block; margin: 0 auto; max-width: 100%; height: auto; }
img.alignnone { margin: 10px 0; max-width: 100%; height: auto; }
/* Useful Classes */
.sprite { /*background-image: url('images/sprite.png');*/ background-repeat: no-repeat; text-indent: -9999px; display: inline-block; position: relative; }
.responsive { width: 100%; }
.mobile { display: none; }
.desktop { display: block; }
.display-none { display: none }
.centered { margin: 0 auto; }
.v-align { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.v-align::before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.35em; }
.v-align span { display: inline-block; text-align: center; width: auto; padding: 10px; vertical-align: middle; }
.flex-direction-nav li { position: inherit; }
.button { background: #fc0606; color: #fff !important; border-radius: 0px; border: none; padding: 7px 25px; font-weight: 700; display: inline-block; text-decoration: none; margin: 20px 0; -webkit-transition:background 350ms; transition: background 350ms; }
.no-touchevents .button:hover { background: #6B727B; }
.js-button, .js-button:hover, .js-button:active, .js-button:focus { outline: none; }
.print { display: none; }
.layout { background-color: hsla(0, 50%, 50%, 0.5); }
.embed-container { position:relative; padding-bottom:56.25%; overflow:hidden; max-width:100%; height:0; height:auto; }
.embed-container iframe, .embed-container object, .embed-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }
/* Animation and filters */
.animate-all {
-webkit-transition: all 300ms;
transition: all 300ms;
}.menu-item a {
-webkit-transition: color 300ms;
transition: color 300ms;
}
.animate-all-slow {
-webkit-transition: all 600ms;
transition: all 600ms;
}
.img-link img {
filter:url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: grayscale(100%) brightness(65%);
filter: grayscale(100%) brightness(65%);
-webkit-transition:-webkit-filter 750ms ease-in-out;
transition:-webkit-filter 750ms ease-in-out;
transition:filter 750ms ease-in-out;
transition: filter 750ms ease-in-out, -webkit-filter 750ms ease-in-out;
}
.img-link:hover img,
.img-link:focus img {
filter:url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: grayscale(0%) brightness(90%);
filter: grayscale(0%) brightness(90%);
}
/* Image link with no text */
.img-no-text-link img {
filter:url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: grayscale(100%) brightness(90%);
filter: grayscale(100%) brightness(90%);
-webkit-transition:-webkit-filter 750ms ease-in-out;
transition:-webkit-filter 750ms ease-in-out;
transition: filter 750ms ease-in-out;
transition: filter 750ms ease-in-out, -webkit-filter 750ms ease-in-out;
}
.img-no-text-link:hover img,
.img-no-textlink:focus img {
filter:url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: grayscale(0%) brightness(97%);
filter: grayscale(0%) brightness(97%);
}
/* Image hover */
.img-hover {
filter:url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition:-webkit-filter 750ms ease-in-out;
transition:-webkit-filter 750ms ease-in-out;
transition:filter 750ms ease-in-out;
transition: filter 750ms ease-in-out, -webkit-filter 750ms ease-in-out;
}
.img-hover:hover {
filter:url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
/* ----------------------------------------------------------------------------------------------------------
---------------------------------------------- 02 TYPOGRAPHY ------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/* Europa 400, 400 italic, 700 */
body, input, textarea, select {
font-family: "europa", "Europa", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.25;
color: #69757C;
/*
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
*/
}
h1 {
font-weight: 400;
font-size: 36px;
line-height: 1.15;
letter-spacing: 4px;
}
h2 {
font-size: 44px;
font-weight: 400;
line-height: 1.2;
letter-spacing: 3px;
}
h3 { }
h4 {
font-weight: 700;
text-transform: uppercase;
font-size: 18px;
letter-spacing: 1.5px;
margin-bottom: 27px;
}
h5 {
font-weight: 700;
}
h6 { }
p {
margin-bottom: 27px;
font-size: 18px;
letter-spacing: 1px;
line-height: 1.45;
}
a, a:link, a:visited {
color: #69757C;
}
a:hover, a:active, a:focus {
color: #FA1430;
}
ul { padding-left: 17px; margin-bottom: 27px; }
ol { padding-left: 22px; margin-bottom: 27px; }
ul li { list-style-type: disc; }
ol li { list-style-type: decimal; }
/* ----------------------------------------------------------------------------------------------------------
---------------------------------------------- 03 GENERAL CSS -----------------------------------------------
---------------------------------------------------------------------------------------------------------- */
body {
background-color: #fff;
}
header {
height: 91px;
background: #fff;
z-index: 90;
}
.logo {
float: left;
margin: 36px 0 0 0;
padding: 0;
}
.logo, .logo a {
width: 360px;
height: 16px;
display: block;
}
.logo a {
background: url("images/pb-logo@2x-optimised.png") 0 0 no-repeat;
background-size: 305px 15px;
}
.home .logo, .home .logo a {
width: 426px;
height: 14px;
display: block;
}
.home .logo a {
background: url("images/philipe_briand_group.png") 0 0 no-repeat;
background-size: 426px 14px;
}
.sub-logo {
float: right;
margin: 36px 44px 0 0;
padding: 0;
}
.home .sub-logo {
display: none;
}
.sub-logo, .sub-logo a {
width: 350px;
height: 16px;
display: block;
}
.sub-logo a {
background: url("images/by-pb-logo-optimised.png") 0 0 no-repeat;
background-size: 348px 15px;
}
.bloginfo {
text-transform: uppercase;
font-size: 16px;
letter-spacing: 2px;
display: inline-block;
}
.career-link:link,
.career-link:visited {
display: inline-block;
text-transform: uppercase;
font-size: 16px;
letter-spacing: 2px;
color: #fc0606;
text-decoration: none;
margin-left: 40px;
}
.career-link:hover,
.career-link:focus {
color: #69757C;
}
/* Main Menu */
.main-menu-nav {
width: 33%;
min-width: 320px;
min-height: 100vh;
position: fixed;
top: 0;
right: 0;
bottom: 0;
background-color: #6B727B;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
-webkit-transition:-webkit-transform 550ms ease-in-out;
transition:-webkit-transform 550ms ease-in-out;
transition:transform 550ms ease-in-out;
transition: transform 550ms ease-in-out, -webkit-transform 550ms ease-in-out;
z-index: 100;
display: block;
padding: 80px 15px 15px 15px;
overflow: auto;
}
.menu-open .main-menu-nav {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.main-menu {
max-width: 320px;
margin: 0 auto;
}
.main-menu + .main-menu {
margin-top: 40px;
}
.main-menu li {
margin: 7px 0;
list-style-type: none;
display: block;
}
.main-menu .menu-heading {
margin-bottom: 5px;
}
.main-menu a:link,
.main-menu a:visited {
color: hsl(240, 1%, 72%);
text-decoration: none;
text-transform: uppercase;
font-size: 18px;
letter-spacing: 1.6px;
}
.main-menu .menu-heading a:link,
.main-menu .menu-heading a:visited {
color: #fff;
font-weight: 700;
}
.main-menu a:hover,
.main-menu a:focus {
color: #fc0606 !important;
}
/* Top Navigation */
.top-nav {
float: right;
width: 100%;
text-align: right;
padding: 0 80px 0 0;
margin: 33px 0 0;
max-width: calc(100% - 315px);
}
.home .top-nav{
max-width: calc(100% - 426px);
}
.top-menu {
display: inline;
}
.top-menu li {
display: inline-block;
margin: 0;
padding-left: 7%;
}
.top-menu li:first-of-type {
padding-left: 0;
}
.top-menu a:link,
.top-menu a:visited {
color: #69757C;
}
.top-menu a:hover,
.top-menu a:focus {
color: #fc0606;
}
/* Hide some menu items on some pages */
ul li.interiors-site {
display: none;
}
.page-template-interior-design li.interiors-site,
.single-interior_design li.interiors-site,
.parent-pageid-1158 li.interiors-site {
display: block;
}
.page-template-interior-design li.yacht-site,
.single-interior_design li.yacht-site,
.parent-pageid-1158 li.yacht-site {
display: none;
}
.home li.yacht-site,
.home li.interiors-site {
display: none;
}
.display-none {
display: none !important;
}
/* Page overlay */
.page-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #6B727B;
z-index: 92;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition:opacity 650ms ease-in-out;
transition: opacity 650ms ease-in-out;
width: 100%;
height: 100%;
opacity: 0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
cursor: pointer;
}
.menu-open .page-overlay,
.overlay-visible .page-overlay {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
.overlay-visible .page-overlay {
opacity: 0.89;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=89)";
}
/* -------------------------------------------- GENERAL LAYOUT -------------------------------------------- */
.container {
/* max-width: 1600px; */
max-width: 1580px;
padding: 0 50px;
margin: 0 auto;
position: relative;
}
.page-content {
margin: 60px 0;
}
/* ------------------------------------------------ FOOTER ----------------------------------------------- */
.press-archive-link {
font-size: 16px;
text-transform: uppercase;
letter-spacing: 2px;
text-decoration: none;
text-align: center;
padding: 45px 15px;
display: block;
border-top: 1px solid #69757C;
}
footer {
border: 1px solid #69757C;
border-width: 1px 0 1px 0;
margin-bottom: 55px;
clear: both;
font-size: 16px;
margin-top: 75px;
}
.page-template-career footer {
margin-top: 0;
}
.footer-container {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer-1 {
padding: 40px 15px 40px 0px;
min-width: 300px;
}
.footer-logo-link {
width: 245px;
height: 15px;
background: url("images/pb-logo@2x-optimised.png") 0 0 no-repeat;
background-size: 245px;
text-indent: -9999px;
display: block;
overflow: hidden;
}
.page-template-interior-design .footer-logo-link,
.single-interior_design .footer-logo-link,
.parent-pageid-1158 .footer-logo-link {
display: none;
}
.footer-2 {
border: 1px solid #69757C;
border-width: 0 1px 0 1px;
padding: 40px;
width: calc(100% - 600px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.footer-3 {
padding: 40px 0px 40px 0px;
text-align: right;
min-width: 300px;
}
.footer-menu,
.social-menu {
margin: 0;
padding: 0;
}
.footer-menu li,
.social-menu li {
display: block;
list-style-type: none;
margin: 8px;
}
.footer-menu-1 a,
.footer-menu-2 a {
text-transform: uppercase;
letter-spacing: 2px;
}
.social-menu li {
display: block;
width: 36px;
height: 36px;
/*text-indent: 9999px;*/
list-style-type: none;
margin: 6px 0 6px 8px;
}
.social-menu li a {
display: block;
width: 36px;
height: 36px;
text-indent: 9999px;
background-color: #6B727B;
border-radius: 50%;
color: #69757C;
overflow: hidden;
-webkit-transition:all 350ms ease-in-out;
transition: all 350ms ease-in-out;
}
.social-menu li a:hover,
.social-menu li a:focus {
background-color: #fc0606;
color: #fc0606;
}
.social-menu a::after {
position: absolute;
top: 0;
left: 0;
font-size: 22px;
line-height: 36px;
width: 36px;
height: 36px;
text-align: center;
color: #fff;
font-family: "Font Awesome 5 Brands";
text-indent: 0;
}
.social-youtube a::after {
content: "\f167";
}
.social-instagram a::after {
content: "\f16d";
}
.social-pinterest a::after {
content: "\f231";
}
.social-twitter a::after {
content: "\f099";
}
.social-facebook a::after {
content: "\f39e";
}
.social-linkedin a::after {
content: "\f08c";
}
footer a:link,
footer a:visited {
color: #69757C;
-webkit-transition: all 350ms;
transition: all 350ms;
text-decoration: none;
}
footer a:hover,
footer a:focus {
color: #fc0606;
}
.social-menu li {
display: inline-block;
}
.footer-legal {
position: absolute;
top: 100%;
right: 50px;;
text-align: right;
padding-top: 15px;
font-size: 16px;
}
.legal-menu,
.legal-menu li {
display: inline-block;
margin: 0;
padding: 0;
}
.legal-menu li {
margin-left: 15px;
}
/* ----------------------------------------------------------------------------------------------------------
------------------------------------------- 05 PAGE TEMPLATE CSS --------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------- HOME PAGE ---------------------------------------------- */
.home .top-nav {
padding: 0;
}
.home .hamburger {
display: none;
}
.home-boxes {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
margin: 0 -10px 0px;
}
.home-link {
margin: 0 10px 20px 10px;
position: relative;
/*flex-basis: 38%;*/
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.home-link-3 {
-ms-flex-preferred-size: 24%;
flex-basis: 24%;
}
.home-img {
width: 100%;
}
.overlay-text {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 35px;
text-align: center;
color: #fff;
text-transform: uppercase;
overflow: hidden;
}
.home-h2 {
position: relative;
font-size: 36px;
min-height: 100px;
-webkit-transform: translateY(-23%);
transform: translateY(-23%);
}
.home-link-1 .home-h2 {
background: url(images/vy_logo_white.png) center center no-repeat;
background-size: contain;
width: 100%;
color: transparent;
max-width: 575px;
}
.home-link-2 .home-h2 {
background: url(images/philippe_briand_limited.png) center center no-repeat;
background-size: contain;
width: 100%;
color: transparent;
max-width: 532px;
-webkit-transform: translateY(-10%);
transform: translateY(-10%);
}
.home-social {
text-align: right;
margin: -5px 0 30px;
}
/* ----------------------------------------- VITRUVIUS YACHTS -------------------------------------------- */
.full-height {
min-height: calc(100vh - 91px);
}
.video-bg{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
overflow: hidden;
}
.video-header {
margin-bottom: 75px;
}
.down-arrow-link,
.down-arrow::after {
content: '';
position: absolute;
bottom: 30px;
left: 50%;
-webkit-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
width: 30px;
height: 30px;
border: 2px solid #fff;
border-width: 0 2px 2px 0;
}
/*
.down-arrow-link, .down-arrow::after {
content: '';
position: absolute;
bottom: 12px;
left: 50%;
-webkit-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
width: 15px;
height: 15px;
border: 5px solid #eee;
border-width: 0 4px 4px 0;
box-shadow: 2px 2px #333;
}
*/
.logo-overlay::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 709.2px;
max-width: 84%;
height: 90%;
background: url(images/vitruvian-man-optimised.png) center center no-repeat;
background-size: contain;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
}
.logo-animation::before {
-webkit-animation: home-header-animation 9s linear 1 forwards;
animation: home-header-animation 9s linear 1 forwards;
}
@-webkit-keyframes home-header-animation {
0% { opacity: 1; }
30% { opacity: 1; }
40% { opacity: 0; }
100% { opacity: 0; }
}
@keyframes home-header-animation {
0% { opacity: 1; }
30% { opacity: 1; }
40% { opacity: 0; }
100% { opacity: 0; }
}
.cssanimations .home-header-animation{
opacity: 0;
}
.no-cssanimations .home-header-animation{
opacity: 1;
}
.page-template-vitruvius-yachts .tma-grid-tile img {
transition: filter 750ms ease-in-out, -webkit-filter 750ms ease-in-out;
-webkit-filter: grayscale(100%) brightness(75%);
filter: grayscale(100%) brightness(75%);
will-change: filter;
}
.page-template-vitruvius-yachts .tma-grid-tile:hover img {
-webkit-filter: grayscale(0%) brightness(90%);
filter: grayscale(0%) brightness(90%);
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
a.grid-tile-full {
width: 100%;
}
.grid-tile-full .tma-grid-tile-title {
padding-top: 0;
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
}
/* --------------------------------------- PROJECTS & YACHT TYPE ---------------------------------------- */
.tax-intro .small-container {
text-align: center;
}
.tma-grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.tma-grid-tile {
margin-bottom: 8px;
width: calc(50% - 4px);
position: relative;
overflow: hidden;
}
.tma-grid-tile img {
-webkit-transition:all 1500ms ease-out;
transition: all 1500ms ease-out;
will-change: transform;
}
.tma-grid-tile:hover img {
-webkit-transform: scale(1.03) translateZ(0);
transform: scale(1.03) translateZ(0);
}
.tma-grid-tile-title {
position: absolute;
top: 15px;
left: 15px;
bottom: 15px;
right: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
text-transform: uppercase;
font-size: 32px;
padding-top: 1.5%;
font-weight: 400;
}
/* Projects page only */
.term-20 .cb-header-title,
.term-20 .tma-grid-tile-title {
color: #69757C;
/* color: #fc0606; */
}
/* ------------------------------------------- SINGLE YACHTS -------------------------------------------- */
.return-link-position {
position: fixed;
width: 100%;
left: 0;
right: 0px;
top: 91px;
z-index: 5;
height: 0;
}
.return-link {
display: block;
width: 73px;
height: 65px;
background-color: #fff;
float: right;
text-indent: -9999px;
background: #fff;
position: relative;
margin: 15px 0;
}
.single-yacht .return-link {
margin-right: 15px;
}
.return-link::before, .return-link::after {
content: '';
width: 2px;
height: 42px;
background-color: #a7a7a8;
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
.return-link::after {
left: 50%;
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
.return-link:hover::before,
.return-link:hover::after,
.return-link:focus::before,
.return-link:focus::after {
background-color: #fc0606;
}
.single-yacht .cb-text .block-title {
font-size: 36px;
}
/* ------------------------------------------ YACHTS FOR SALE -------------------------------------------- */
.yfs-page-content {
margin-top: 40px;
}
.yfs-standfirst {
border-bottom: 1px solid #69757C;
margin-bottom: 60px;
padding-bottom: 60px;
font-weight: 300;
}
.yfs-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
grid-gap: 52px;
}
.yfs-cover {
text-decoration: none;
overflow: hidden;
margin-bottom: 10px;
}
.yfs-cover-title {
font-size: 28px;
font-weight: 300;
margin-bottom: 20px;
white-space: nowrap;
}
.yfs-cover-info {
margin: 17px 0 0;
padding: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
}
.yfs-cover-data {
display: inline-block;
}
.yfs-cover-data:first-child {
font-weight: 600;
}
.yfs-cover-data:not(:first-child)::before {
content: '|';
margin: 0 10px;
}
/* --------------------------------------- SINGLE YACHTS FOR SALE ---------------------------------------- */
.yfs-back-button-1 {
margin-bottom: 60px;
display: inline-block;
}
.yfs-header {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 30px;
}
.yfs-title, .yfs-price {
font-size: 36px;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 1.2;
}
.yfs-title {
padding-right: 15px;
}
/* Slider */
.yfs-slider {
border-bottom: 1px solid #c4c5c6;
margin-bottom: 60px;
}
.yfs-slide-footer {
text-align: center;
text-transform: uppercase;
letter-spacing: 1.5px;
font-size: 16px;
margin: 40px 0;
}
/* Descritpion */
.yfs-title-2 {
margin-bottom: 30px;
}
.yfs-description {
columns: 2 380px;
column-gap: 50px;
margin-bottom: 60px;
}
.yfs-description p {
font-size: 16px;
font-weight: 300;
line-height: 1.7;
text-align: justify;
}
.yfs-description p:last-child {
margin-bottom: 0;
}
/* Broker */
.yfs-broker-info {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
border: 1px solid #c4c5c6;
border-width: 1px 0;
padding: 30px 0px;
margin-bottom: 60px;
}
.yfs-broker-logo {
max-width: 385px;
}
.yfs-broker-2 {
text-align: center;
}
.yfs-broker-intro {
font-size: 15px;
text-transform: uppercase;
letter-spacing: 1.5px;
margin-bottom: 15px;
}
.yfs-button {
text-transform: uppercase;
font-weight: 400;
padding: 12px 25px;
min-width: 290px;
text-align: center;
letter-spacing: 2px;
font-size: 15px;
}
.yfs-broker-link {
min-width: 400px;
}
.yfs-broker-link-1 {
margin: 0;
}
/* Specs */
.yfs-specs-title {
font-size: 16px;
font-weight: 400;
margin-bottom: 30px;
}
.yfs-specs {
margin: 0px 0 30px;
padding: 0 0 60px;
columns: 2 380px;
column-gap: 50px;
border-bottom: 1px solid #c4c5c6;
}
.yfs-spec {
list-style-type: none;
display: block;
text-transform: uppercase;
margin-bottom: 15px;
display: flex;
}
.yfs-label {
width: 48%;
flex: 0 0 48%;
font-weight: 300;
display: inline-block;
padding-right: 15px;
}
.yfs-data {
display: inline-block;
}
/* CTA */
.yfs-cta {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.yfs-back-button:link, .yfs-back-button:visited {
text-transform: uppercase;
text-decoration: none;
color: #fc0606;
letter-spacing: 1px;
letter-spacing: 2px;
font-size: 15px;
}
.yfs-back-button:hover, .yfs-back-button:focus {
color: #69757C;
}
/* ----------------------------------------------- CAREER ------------------------------------------------ */
.news-quote-box {
float: left;
width: 420px;
margin-right: 40px;
}
.news-quote {
font-size: 30px;
font-weight: 300;
}
.news-intro-text p {
font-size: 16px;
}
.career-container {
padding-top: 10px;
}
.career-content {
margin-top: 0px;
}
.career-intro-indent {
max-width: 1140px;
margin: 0 auto;
padding: 0 160px;
}
.career-section-subtitle {
text-transform: uppercase;
font-size: 18px;
font-weight: 300;
margin-bottom: 50px;
position: relative;
}
.line-before::before {
content: '';
position: absolute;
width: 110px;
left: -160px;
border-top: 1px solid #69757C;
top: 9px;
}
.career-section-title {
font-size: 36px;
font-weight: 300;
margin-bottom: 90px;
clear: both;
}
.career-intro-text {
margin-top: 50px;
margin-bottom: 80px;
}
.career-intro-text p {
max-width: 900px;
font-size: 18px;
font-weight: 300;
line-height: 1.4;
}
.career-box-title {
text-transform: uppercase;
font-size: 22px;
font-weight: 700;
margin-bottom: 20px;
letter-spacing: 3.5px;
border-top: 1px solid #6B727B;
clear: both;
padding-top: 15px;
}
/* Career items */
.career-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
margin: 0 -15px;
}
.career-box::after {
content: '';
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
}
.career-item {
width: 30%;
width: calc(33.333% - 30px);
margin: 0 15px 30px;
border: 1px solid #eaeaea;
}
.career-item-image {
width: 100%;
}
.career-item-text-box {
padding: 25px;
}
.career-item-title {
display: inline-block;
font-size: 20px;
padding-right: 4px;
}
.career-item-year {
display: inline-block;
font-size: 20px;
color: #E63206;
}
.career-item-content {
margin-top: 30px;
}
.career-item-content p {
font-size: 18px;
font-weight: 300;
line-height: 1.4;
}
.career-item-content p:last-of-type {
margin-bottom: 0;
}
.press-link-button {
border-top: 1px solid #69757C;
text-align: center;
display: block;
padding: 30px 10px;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 16px;
font-weight: 300;
}
/* ------------------------------------------------ NEWS ------------------------------------------------- */
.news-container {
margin-bottom: 60px;
}
.news-link {
position: relative;
display: block;
}
.spot-marker::after {
content: '+';
font-weight: 400;
position: absolute;
bottom: 30px;
right: 30px;
width: 37px;
height: 37px;
line-height: 28px;
font-size: 36px;
display: block;
color: #69757C;
background-color: #fff;
border-radius: 50%;
text-align: center;
-webkit-transition:background 350ms ease-in-out;
transition: background 350ms ease-in-out;
}
.news-overlay {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: left;
padding-left: 6%;
}
.news-overlay-text {
-webkit-transform: translateY(-19%);
transform: translateY(-19%);
}
.recent-news-title {
font-weight: 700;
font-size: 26px;
letter-spacing: 2px;
margin-bottom: 35px;
}
.news-title {
font-size: 32px;
}
.page-template-news footer {
margin-top: 0;
}
/* ------------------------------------------------ PRESS ------------------------------------------------ */
.posts {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[6];
grid-template-columns: repeat(6, 1fr);
grid-column-gap: 3.1%;
grid-row-gap: 50px;
-ms-grid-column-align: center;
justify-items: center;
}
.page-title {
text-transform: uppercase;
text-align: center;
padding: 5% 0 10%;
}
.press-article {
overflow: hidden;
max-width: 233px;
}
.press-article img {
width: 100%;
height: auto;
border: 1px solid #f1f1f1;
}
.press-link {
text-decoration: none;
}
.press-link:hover,
.press-link:focus {
color: #fc0606;
}
.press-link:hover img {
border-color: #fc0606;
}
.press-article h3 {
display: block;
/* white-space: nowrap; */
text-transform: uppercase;
font-size: 14px;
font-weight: 400;
margin-top: 6px;
max-height: 52px;
}
/* Paging */
.paging {
clear: both;
grid-column: 1 / -1;
width: 100%;
}
.paging a {
background-color: #6B727B;
color: #fff;
width: 80px;
height: 35px;
text-align: center;
line-height: 35px;
padding: 0;
border-radius: 25px;
display: inline-block;
-webkit-transition:all 350ms ease-in-out;
transition: all 350ms ease-in-out;
}
.paging a:hover,
.paging a:focus{
background-color: #fc0606;
}
.page-next-prev a {
text-decoration: none;
font-size: 18px;
letter-spacing: 2px;
}
.page-next-prev a:last-child {
float: right;
}
/* ----------------------------------------------- CONTACT ----------------------------------------------- */
/* Hero image */
.hero-title {
-webkit-transform: translateY(-23%);
transform: translateY(-23%);
}
.page-template-contact .overlay-text::after,
.page-template-interior-design .hero-image-box .overlay-text::after {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border-left: 1px solid #fff;
bottom: 6.5%;
padding-bottom: 5%;
}
/* Page content */
.page-template-contact .page-content a:not([target="_blank"]) {
color: #69757C;
text-decoration: none;
}
.page-template-contact .page-content a:hover {
color: #FA1430;
text-decoration: none;
}
.contact-content {
margin-top: 100px;
margin-bottom: 100px;
font-size: 18px;
}
/* ------------------------------------------- DEFAULT TEMPLATE ------------------------------------------ */
.text-container {
max-width: 880px;
text-align: justify;
}
.text-content {
margin: 0px auto 60px;
}
.text-title {
text-align: center;
text-transform: uppercase;
padding: 30px 0 70px;
}
.text-center {
text-align: center;
}
/* ----------------------------------------------------------------------------------------------------------
------------------------------------------ 06 CONTENT BLOCK CSS ---------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/* General */
.page-template-content-blocks-template > footer {
margin-top: 110px;
}
/* CB Header */
.cb-header,
.cb-img {
margin-bottom: 8px;
}
.cb-header-title {
position: absolute;
top: 15px;
left: 15px;
bottom: 15px;
right: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
text-transform: uppercase;
font-size: 76px;
}
/* CB Text */
.cb-text {
margin: 110px 0;
}
.narrow-padding {
margin: 75px 0;
}
.small-container {
max-width: 560px;
margin: 0 auto;
text-align: justify;
}
.align-center .small-container {
text-align: center;
}
.block-title {
font-size: 28px;
text-align: center;
margin-bottom: 45px;
letter-spacing: 1.5px;
}
/* CB Image & CB 2 Images */
.cb-img {
margin-bottom: 8px;
}
.cb-2-images {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.cb-2-images-img {
width: calc(50% - 4px);
height: auto;
}
/* LR BLock */
.cb-lr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.image-right {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.cb-lr > * {
width: calc(50% - 4px);
height: auto;
}
.cb-lr-content {
padding: 0 15px;
max-width: 500px;
margin: 0 auto;
text-align: justify;
padding: 3%;
}
.v-centered-content > *:last-child {
margin-bottom: 0;
}
/* CB Testimonial */
.cb-quote {
text-align: center;
margin: 110px 0;
}
.cb-quote-text {
font-style: italic;
}
.cb-quote-text::before {
content: '“';
}
.cb-quote-text::after {
content: '”';
}
.cb-quote-cite {
font-style: normal;
text-transform: uppercase;
display: block;
letter-spacing: 1px;
text-align: center;
}
/* ----------------------------------------------------------------------------------------------------------
---------------------------------------------- 06 PLUGIN CSS ------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*!
* Hamburgers
* @description Tasty CSS-animated hamburgers
* @author Jonathan Suh @jonsuh
* @site https://jonsuh.com/hamburgers
* @link https://github.com/jonsuh/hamburgers
*/
.hamburger {
position: absolute;
right: 35px;
top: 19px;
height: 46px;
padding: 15px 15px;
display: inline-block;
cursor: pointer;
-webkit-transition-property:opacity, -webkit-filter;
transition-property:opacity, -webkit-filter;
transition-property:opacity, filter;
transition-property: opacity, filter, -webkit-filter;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
outline: none;
font-size: 18px;;
}
.hamburger-box {
width: 24px;
height: 16px;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
width: 24px;
height: 2px;
background-color: #fc0606;
border-radius: 0px;
position: absolute;
-webkit-transition-property:background-color;
transition-property: background-color;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.hamburger-inner::before,
.hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -6px;
}
.hamburger-inner::after {
bottom: -6px;
}
/* Boring */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before,
.hamburger--boring .hamburger-inner::after {
-webkit-transition-property:none;
transition-property: none;
}
.hamburger--boring.is-active .hamburger-inner {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.hamburger--boring.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.hamburger--boring.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
/* Hover states */
/*
.hamburger-1:hover .hamburger-inner,
.hamburger-1:focus .hamburger-inner,
.hamburger-1:hover .hamburger-inner::before,
.hamburger-1:focus .hamburger-inner::before,
.hamburger-1:hover .hamburger-inner::after,
.hamburger-1:focus .hamburger-inner::after {
background-color: #6B727B;
}
.hamburger-2 .hamburger-inner,
.hamburger-2 .hamburger-inner::before,
.hamburger-2 .hamburger-inner::after {
background-color: #ffffff;
}
*/
.hamburger:hover {
opacity: 0.5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
/* ----------------------------------------------------------------------------------------------------------
-------------------------------------- 07 MEDIA QUERIES (mobile-first) --------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*
iphone 3 - 4S 320 x 480px (372px visible, 440px when scrolling)
iphone 5 - 5S 320 x 568px
iphone 6 - 8 375 × 667px (559??)
iphone 6+ - 8+ 414 × 736px (628??)
iphone X: 375 x 812px
ipad 768 x 1024px
ipad Pro 1024 x 1366px
*/
/* Main media Queries */
/* 1380 and down */
@media screen and (max-width:1380px) {
.overlay-container {
padding: 0 30px;
}
.overlay-box {
padding: 20px;
}
}
/* 1200 and down */
@media screen and (max-width:1200px) {
.top-nav {
display: none;
}
.home-h2 {
font-size: 36px;
}
.posts {
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr);
}
}
/* 1100 and down */
@media screen and (max-width:1100px) {
.container {
padding: 0 30px;
}
.hamburger {
right: 15px;
}
.footer-2 {
display: block;
text-align: center;
}
.footer-legal {
right: 30px;
}
}
/* 1023 and down */
@media screen and (max-width:1023px) {
.home-h2 {
font-size: 28px;
}
.footer-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer-1 {
padding: 45px 0px 0px 0px;
min-width: 0;
}
.footer-2 {
border: none;
padding: 40px 0 0;
width: auto;
display: block;
}
.footer-3 {
padding: 30px 0px 40px 0px;
text-align: center;
min-width: 0;
}
.social-menu {
margin-right: 12px;
}
.footer-legal {
top: 100%;
right: 15px;
left: 15px;
text-align: center;
}
/* Hero img */
.hero-title {
font-size: 30px;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
/* News */
.news-title {
font-size: 28px;
}
.news-overlay-text {
-webkit-transform: translateY(-7%);
transform: translateY(-7%);
}
/* Career */
.news-quote-box {
float: none;
width: initial;
margin-right: 0;
}
.news-intro-text {
float: none;
width: initial;
margin-top: 33px;
margin-bottom: 10px;
}
.career-box-title {
font-size: 18px;
letter-spacing: 1.5px;
}
}
/* 900 and down*/
@media (max-width:900px) {
.sub-logo {
display: none;
}
.posts {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
grid-row-gap: 40px;
}
}
/* 767 and down*/
@media screen and (max-width:767px) {
body, input, textarea, select {
font-size: 18px;
}
.container {
padding: 0 15px;
}
.hamburger {
right: 0px;
}
.main-menu-nav {
width: 50%;
padding-top: 65px;
}
h4 {
font-size: 20px;
}
/* Home */
.home-container {
max-width: 400px;
}
.home-boxes {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 0px;
}
.overlay-text {
padding: 15px;
}
.home-h2 {
font-size: 36px;
}
.home-social {
text-align: center;
}
/* Hero img */
.hero-title {
font-size: 26px;
letter-spacing: 3px;
}
.hero-title br {
display: none;
}
/* Projects & Yacht Type */
.tma-grid-tile {
margin-bottom: 8px;
width: 100%;
}
.tma-grid-tile-title {
font-size: 24px;
}
/* Single yacht */
.return-link-position {
top: 61px;
}
.return-link {
width: 45px;
height: 45px;
margin: 8px;
}
.return-link::before, .return-link::after {
height: 30px;
}
.single-yacht .cb-text .block-title {
font-size: 28px;
}
/* News */
.spot-marker::after {
bottom: 12px;
right: 12px;
width: 24px;
height: 23px;
font-size: 19px;
line-height: 18px;
}
.news-overlay {
padding: 15px 60px 15px 25px;
}
.news-overlay-text {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.recent-news-title {
margin-bottom: 20px;
}
.news-title {
font-size: 26px;
}
.news-title br {
display: none;
}
/* Yachts for sale */
.yfs-standfirst {
margin-bottom: 40px;
padding-bottom: 40px;
font-size: 22px;
}
.yfs-standfirst br {
display: none;
}
/* Single Yacht for sale */
.yfs-page-content {
margin-top: 10px;
}
.yfs-back-button-1 {
margin-bottom: 40px;
}
.yfs-title, .yfs-price {
font-size: 28px;
}
.yfs-broker-info {
flex-direction: column;
}
.yfs-broker-intro {
margin: 11px 0 15px;
}
.yfs-broker-link {
min-width: 290px;
}
/* Career */
.news-quote br,
.news-title br {
display: none;
}
.career-intro-indent {
padding: 0;
}
.line-before::before {
content: none;
}
.career-section-title {
font-size: 28px;
margin-bottom: 70px;
}
.career-box {
margin: 0 -10px;
}
.career-item {
width: 45%;
width: calc(50% - 20px);
margin: 0 10px 20px;
}
/* Press */
.page-title {
font-size: 34px;
padding: 5% 0 13%;
}
/* Contact */
.contact-content {
margin-top: 40px;
margin-bottom: 40px;
font-size: 18px;
}
/* Content Blocks */
/* General */
.page-template-content-blocks-template > footer {
margin-top: 60px;
}
/* CB Header */
.cb-header-title {
font-size: 30px;
}
/* CB Text */
.cb-text,
.narrow-padding {
margin: 60px 0;
}
.block-title {
margin-bottom: 30px;
}
.cb-2-images {
display: block;
}
.cb-2-images-img {
width: 100%;
}
.cb-lr {
display: block;
}
.cb-lr > * {
width: 100%;
}
.cb-lr-content {
max-width: none;
margin: 60px 0;
text-align: justify;
padding: 0;
}
.cb-quote {
text-align: center;
margin: 60px 0;
}
}
/* 550 and down*/
@media screen and (max-width:550px) {
.career-link:link,
.career-link:visited {
margin-left: 0;
}
/* Career */
.career-box {
margin: 0 -10px;
}
.career-item {
width: 95%;
width: calc(100% - 20px);
}
}
/* 480 and down*/
@media screen and (max-width:480px) {
body, input, textarea, select {
font-size: 16px;
}
header {
height: 61px;
}
.logo, .logo a {
width: 250px;
}
.logo {
margin-top: 25px;
}
.home .logo {
margin-top: 22px;
}
.home .logo, .home .logo a {
width: 320px;
}
.interiors-logo {
margin-top: 20px;
}
.logo a {
background-size: 250px;
}
.hamburger {
top: 6px;
}
.main-menu-nav {
width: 100%;
min-width: 0;
padding-top: 50px;
}
/* Hero img */
.hero-title {
font-size: 24px;
}
.overlay-text::after {
content: none !important;
}
/* Vitruvius */
.full-height {
min-height: calc(100vh - 61px);
}
h4 {
font-size: 18px;
}
/* Press */
.posts {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 15px;
grid-row-gap: 35px;
}
/* Single yacht */
.yfs-page-content {
margin-top: 20px;
}
/* News */
.recent-news-title {
margin-bottom: 10px;
font-size: 22px;
}
.interior-title,
.news-title {
font-size: 18px;
letter-spacing: 2px;
}
/* press */
.page-title {
font-size: 24px;
padding: 3% 0 12%;
letter-spacing: 3px;
}
}
/* 374 and down*/
@media screen and (max-width:374px) {
/* news */
.news-overlay {
padding: 15px 20px 15px 25px;
}
}