/*
Theme Name: LoveRich
Theme URI: https://loverich.es
Author: Mac Mac Studio
Author URI: https://macmac.io
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: loverich
*/
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Poppins:wght@400&display=swap');
/*Normalize*/
html {line-height: 1.15; -webkit-text-size-adjust: 100%; }body {margin: 0;}main {display: block;}h1 {font-size: 2em;margin: 0.67em 0;}hr {box-sizing: content-box; height: 0; overflow: visible; }pre {font-family: monospace, monospace; font-size: 1em; }a {background-color: transparent;}abbr[title] {border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }b,strong {font-weight: bolder;}code,kbd,samp {font-family: monospace, monospace; font-size: 1em; }small {font-size: 80%;}sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sub {bottom: -0.25em;}sup {top: -0.5em;}img {border-style: none;}button,input,optgroup,select,textarea {font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }button,input { overflow: visible;}button,select { text-transform: none;}button,[type="button"],[type="reset"],[type="submit"] {-webkit-appearance: button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}fieldset {padding: 0.35em 0.75em 0.625em;}legend {box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }progress {vertical-align: baseline;}textarea {overflow: auto;}[type="checkbox"],[type="radio"] {box-sizing: border-box; padding: 0; }[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {height: auto;}[type="search"] {-webkit-appearance: textfield; outline-offset: -2px; }[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}::-webkit-file-upload-button {-webkit-appearance: button; font: inherit; }details {display: block;}summary {display: list-item;}template {display: none;}[hidden] {display: none;}
.clearfix::after {
content: "";
clear: both;
display: table;
}
*{
box-sizing: border-box;
-webkit-transition:0.3s;
-moz-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
body{
background-color:#F4F1ED;
font-size: 16px;
color:#3d3d3d;
font-family:'Poppins', sans-serif;
font-weight: 400;
line-height: 1.5;
font-size: 16px;
}
/*Text*/
h1, h2, h3, h4, h5{
font-family: 'Playfair Display';
font-weight: 700;
padding: 0;
line-height: 1;
margin:0 0 40px 0;
}
h1{
font-size: 5rem;
margin-bottom: 10px;
}
h2{
font-size: 2rem;
}
p{
margin-bottom: 30px;
}
a{
color:#55527C;
text-decoration: none;
text-underline-offset:3px;
}
a:hover{
text-decoration: underline;
}
a:active,
a:focus{
text-decoration: none;
}
.wp-block-button__link,
.form-button,
div.wpforms-container-full button[type=submit]{
background:none !important;
border:2px solid #55527C !important;
color:#55527C !important;
font-weight: 700 !important;
border-radius: 3px !important;
}
.wp-block-button__link:hover,
.wp-block-button__link:active,
.wp-block-button__link:focus,
div.wpforms-container-full button[type=submit]:hover,
div.wpforms-container-full button[type=submit]:active,
div.wpforms-container-full button[type=submit]:focus{
background:#55527C !important;
color: #fff !important;
text-decoration: none !important;
}
div.wpforms-container-full button[type=submit]{
padding:15px 35px;
height: auto;
}
/*Header*/
header{
position: fixed;
top: 0;
left: 0;
width:370px;
height: 100vh;
float:left;
background-color:#fff;
color:#55527C;
text-align: center;
padding:30px;
box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
z-index: 3;
}
header .logo{
display: block;
max-width: 200px;
margin: 0 auto;
}
.logo img{
width: 100%;
height: auto;
}
header ul{
list-style-type: none;
margin:0;
padding:0;
}
header nav{
height: 500px;
}
header nav ul{
margin: 0;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
header nav ul li{
margin-bottom: 20px;
}
header nav ul li a:hover{
text-decoration: none;
color:#DA1A7A;
}
.social{
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.social li{
margin: 0 10px;
text-indent: 9999px;
}
.social li a{
display: block;
height:40px;
width:40px;
}
.social li .facebook{
background-image: url(img/facebook.svg);
}
.social li .email{
background-image: url(img/email.svg);
}
.social li .linkedin{
background-image: url(img/linkedin.svg);
}
.content .social li .facebook{
background-image: url(img/facebook1.svg);
}
.content .social li .email{
background-image: url(img/email1.svg);
}
.content .social li .linkedin{
background-image: url(img/linkedin1.svg);
}
.social-title{
float:left;
margin-top: 20px;
}
.content .social{
display: block;
float:left;
width:180px;
padding: 0;
list-style-type: none;
margin: 0;
clear: both;
}
.content .social li{
float:left;
margin: 20px 20px 0 0;
}
.copyright{
font-size: 0.8rem;
position: absolute;
bottom:30px;
width: 100%;
left: 50%;
margin-left: -50%;
}
/*Mobile Menu*/
.mobile-menu{
display: none;
background: #fff;
box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
width:100%;
height: 50px;
padding: 5px 20px;
position: fixed;
top: 0;
left: 0;
z-index: 999;
}
.mobile-menu .logo{
position: absolute;
top:5px;
left:50%;
margin-left: -60px;
height:120px;
width: 120px;
}
.mobile-menu .toggle{
float:right;
line-height: 45px;
font-size: 1.2rem;
}
.mobile-menu .toggle svg{
margin-right: 5px;
position: relative;
top:2px;
}
/*Main Content*/
main{
width: 100%;
min-height: 100vh;
clear: both;
float: left;
padding-left: 370px;
display: flex;
justify-content: center;
position: relative;
}
main .content{
width:60%;
padding: 100px 100px 50px 100px;
display: flex;
align-items: center;
}
.below-content{
width: 100%;
clear: both;
float: left;
padding-left: 370px;
border-top: 30px solid #3D3D3D;
}
.below-content p{
display: none;
}
main aside{
width: 40%;
background-size:cover;
}

/*Gallery*/
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33.333%;
    height: 600px;
    overflow: hidden;
    position: relative;
}
.page-id-5421 .gallery .gallery-item{
    height: auto;
    margin-bottom: -8px;
}
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery img {
    max-width: 100%;
    height: auto;
}
.gallery img:hover {
	background: white;
    opacity: 0.7;
}
.gallery .gallery-caption {
    position:absolute;
    bottom:10px;
    left:0px;
	color: #fff;
}
.gallery dl, .gallery dt { margin: 0; }
.gallery br+br { display: none; }
/*Home Page Menu*/
.img-menu{
display: flex;
flex-wrap: wrap;
height: 100vh;
background-color: #000;
}
.img-menu-item{
width:50%;
height: 50vh;
background-size: cover;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
position: relative;
}
.img-menu-item:hover,
.img-menu-item:focus,
.img-menu-item:active{
text-decoration: none;
}
.img-menu-item-overlay{
height:100%;
width:100%;
background-color:#000;
position: absolute;
left:0;
top:0;
opacity: 0.2;
z-index: 1;
}
.img-menu-item-overlay:hover{
background-color:#DA1A7A;
opacity: 0.5;
}
.img-menu-item span{
font-family: 'Playfair Display';
font-weight: 700;
font-size: 2rem;
color:#fff;
position: relative;
z-index: 2;
text-align: center;
}
@media only screen and (max-height: 600px) {
.copyright{
display: none;
}
}
@media only screen and (max-width: 1200px) {
body{
font-size: 14px;
}
h1{
font-size: 3rem;
}
h2{
font-size: 1.8rem;
}
header{
display: none;
width:100%;
}
header .logo{
display:none;
}
header nav{
min-height: 300px;
}
.mobile-menu{
display: block;
}
main{
padding:0;
flex-direction: column-reverse;
}
.below-content{
padding:0;
border:none;
}
main .content,
main aside{
width:100%;
min-height: 100vh;
}
main .content{
padding:50px 30px 50px 30px;
}
.gallery .gallery-item {
width: 100%;
height: auto;
}
.gallery dl, .gallery dt{
margin-bottom:-3px;
}
}