@font-face {
font-family: 'Calibri';
src: url(//alejandrolloret.com/fonts/Calibri-Italic.eot);
src: local('Calibri Italic'), local('Calibri-Italic'),
url(//alejandrolloret.com/fonts/Calibri-Italic.eot?#iefix) format('embedded-opentype'),
url(//alejandrolloret.com/fonts/Calibri-Italic.woff2) format('woff2'),
url(//alejandrolloret.com/fonts/Calibri-Italic.woff) format('woff'),
url(//alejandrolloret.com/fonts/Calibri-Italic.ttf) format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Calibri';
src: url(//alejandrolloret.com/fonts/Calibri-Light.eot);
src: local('Calibri Light'), local('Calibri-Light'),
url(//alejandrolloret.com/fonts/Calibri-Light.eot?#iefix) format('embedded-opentype'),
url(//alejandrolloret.com/fonts/Calibri-Light.woff2) format('woff2'),
url(//alejandrolloret.com/fonts/Calibri-Light.woff) format('woff'),
url(//alejandrolloret.com/fonts/Calibri-Light.ttf) format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Calibri';
src: url(//alejandrolloret.com/fonts/Calibri-Bold.eot);
src: local('Calibri Bold'), local('Calibri-Bold'),
url(//alejandrolloret.com/fonts/Calibri-Bold.eot?#iefix) format('embedded-opentype'),
url(//alejandrolloret.com/fonts/Calibri-Bold.woff2) format('woff2'),
url(//alejandrolloret.com/fonts/Calibri-Bold.woff) format('woff'),
url(//alejandrolloret.com/fonts/Calibri-Bold.ttf) format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Calibri';
src: url(//alejandrolloret.com/fonts/Calibri.eot);
src: local('Calibri'),
url(//alejandrolloret.com/fonts/Calibri.eot?#iefix) format('embedded-opentype'),
url(//alejandrolloret.com/fonts/Calibri.woff2) format('woff2'),
url(//alejandrolloret.com/fonts/Calibri.woff) format('woff'),
url(//alejandrolloret.com/fonts/Calibri.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
.temp-hide {
display: none;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (max-width: 768px) {
body {
font-size: 15px;
}
}
h4, h5, h6 {
margin-bottom: 10px;
}
p:empty {
display: none;
} @media (min-width: 768px) and (max-width: 1024px) {
.tablet-grid-33 {
width: 33.333333%;
float: left;
}
}
@media (max-width: 767px) {
.mobile-grid-33 {
width: 33.333333%;
float: left;
}
}
.flex-row, .flex-row-nm {
display: flex;
flex: 1;
flex-direction: row;
flex-wrap: wrap;
}
.flex-row {
margin: 0px -10px;
}
.flex-col, .flex-col-nm {
display: flex;
flex: 1;
flex-direction: column;
box-sizing:border-box;
}
.flex-col {
margin: 10px;
}
@media (max-width:1023px) {
.flex-col {
flex-basis: calc(50% - 20px);
}
.flex-col-nm {
flex-basis: 50%;
}
}
@media (max-width:460px) {
.flex-col, .flex-col-nm {
flex-basis: 100%;
}
}
.clearfix {
clear: both;
}
.clearfix:after {
clear: both;
content: "";
display: table;
}
.align-c {
text-align: center;
}
.align-j {
text-align: justify;
}  li.slideout-toggle.menu-item-align-right a, .menu-toggle {
font-size: 24px;
}
body .slideout-navigation.do-overlay .menu-item-has-children .dropdown-menu-toggle {
border-left: none;
}
@media (max-width: 768px) {
.inside-header {
display: flex;
}
#mobile-header .menu-toggle {
line-height: 0;
}
#mobile-header .site-logo.mobile-header-logo img {
height: 60px;
}
body .slideout-navigation .main-nav {
margin-bottom: 0;
}
}
body .slideout-navigation.do-overlay .inside-navigation {
flex-direction: column-reverse;
} @media (max-width: 499px) {
.home-hero .home-swiper.desktop {
display: none;
}
.home-swiper .hero-content {
top: 35%;
}
}
@media (min-width: 500px) {
.home-hero .home-swiper.mobile {
display: none;
}
}
.home-hero {
position: relative;
}
.hero-content {
position: absolute;
top: 30%;
left: calc(50% - 150px);
z-index: 1;
}
.home-swiper.swiper-container-horizontal>.swiper-pagination-bullets {
bottom: 0;
}
.home-swiper .swiper-pagination-bullet {
background-color: #222;
border: 2px solid #222;
height: 8px;
width: 8px;
opacity: 1;
}
.home-swiper .swiper-pagination {
position: relative;
}
.home-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #fff;
border: 2px solid #222;
}
@media (max-width: 767px) {
.hero-content img {
max-width: 180px;
}
.hero-content {
left: calc(50% - 90px);
}
.home-swiper .swiper-pagination-bullet {
height: 5px;
width: 5px;
}
}
@media (max-width: 499px) {
.hero-content img {
max-width: 160px;
}
.hero-content {
left: calc(50% - 80px);
}
}
@media (min-width: 500px) and (max-width: 767px) {
.hero-content {
top: 25%;
}
} .home-explore .generate-sections-inside-container {
padding-left: 20px;
padding-right: 20px;
}
.image-block {
position: relative;
margin-bottom: 30px;
}
.image-block h3 a {
color: #333333;
font-size: 19px;
display: block;
padding-top: 3px;
}
.image-block .text-overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
}
.image-block .text-overlay h3 {
color: #fff;
text-shadow: rgba(0,0,0,0.9) 0 0 10px;
transition: all .2s;
font-size: 17px;
font-weight: bold;
}
.image-block.video-block:hover .text-overlay {
opacity: 1;
}
.img-hover-zoom {
overflow: hidden; 
}
.img-hover-zoom img {
transition: transform .5s ease;
margin-bottom: -10px;
}
.img-hover-zoom:hover img {
transform: scale(1.08);
filter: brightness(92%);
}
@media (max-width: 768px) {
.image-block h3 a {
font-size: 17px;
}
}
@media (min-width: 500px) and (max-width: 679px) {
.home-explore .mobile-grid-33 {
width: 50%;
}
.home-explore .mobile-grid-33.third-column {
display: flex;
width: 100%
}
.mobile-grid-33.third-column .image-block.video-block {
padding-right: 10px;
}
.mobile-grid-33.third-column .image-block.press-block {
padding-left: 10px;
}
}
@media (max-width: 499px) {
.home-explore .mobile-grid-33 {
width: 100%;
}
.image-block {
max-width: 320px;
margin-left: auto;
margin-right: auto;
}
} .pg-header h1 {
text-shadow: rgba(0,0,0,0.9) 0 0 20px;
}
@media (min-width: 768px) and (max-width: 1024px) {
.pg-header {
padding-top: 225px;
padding-bottom: 225px;
}
}
@media (min-width: 500px) and (max-width: 767px) {
.pg-header {
padding-top: 175px;
padding-bottom: 175px;
}
}
@media (max-width: 599px) {
.page-id-282 .page-hero {
background-position: top right;
}
} @media (max-width: 499px) {
.page-id-12 .page-hero {
background-image: linear-gradient(0deg, rgba(0,0,0,0.15),rgba(0,0,0,0.15)), url(//alejandrolloret.com/wp-content/uploads/2021/02/Nature-In-Prayer.jpg);
}
.page-id-14 .page-hero {
background-image: linear-gradient(0deg, rgba(0,0,0,0.25),rgba(0,0,0,0.25)), url(//alejandrolloret.com/wp-content/uploads/2021/02/75-Prayers.jpg);
}
.page-id-24 .page-hero {
background-image: linear-gradient(0deg, rgba(0,0,0,0.25),rgba(0,0,0,0.25)), url(//alejandrolloret.com/wp-content/uploads/2021/02/Breezes-From-Silveira.jpg);
}
.page-id-282 .page-hero {
background-image: linear-gradient(0deg, rgba(0,0,0,0.25),rgba(0,0,0,0.25)), url(//alejandrolloret.com/wp-content/uploads/2021/03/exhibitions-m.jpg);
}
.page-id-562 .page-hero {
background-image: linear-gradient(0deg, rgba(0,0,0,0.25),rgba(0,0,0,0.25)), url(//alejandrolloret.com/wp-content/uploads/2021/03/texts-m.jpg);
}
}
.gallery-title h3 {
font-size: 22px;
}
@media (min-width: 500px) and (max-width: 1024px) {
.gallery-title img, .gallery-header img {
max-width: 300px;
}
}
@media (max-width: 499px) {
.gallery-title img, .gallery-header img {
max-width: 180px;
}
.page-id-14 .gallery-header {
background-position: center center;
}
} .gallery-title .second-column {
text-align: right;
}
.gallery-title .second-column h3 {
margin-bottom: 0;
}
@media (max-width: 599px) {
.gallery-title .mobile-grid-50 {
width: 100%;
text-align: center;
}
}
@media (max-width: 767px) {
.gallery-item a {
pointer-events: none;
}
body .featherlight-next, body .featherlight-previous {
width: 40px;
}
}
body .featherlight .featherlight-inner {
margin: 0 auto;
}
body .featherlight .featherlight-content {
background-color: #fff;
}
body .featherlight:last-of-type {
background: rgba(255,255,255,1);
}
body .featherlight-next, body .featherlight-previous, body .featherlight .featherlight-close-icon {
opacity: 1;
filter: brightness(0.7);
}
body .featherlight .featherlight-content .caption {
color: #222;
font-weight: normal;
position: relative; 
text-align: center;
background: #fff;
font-family: 'calibri';
padding-top: 5px;
font-size: 18px;
white-space: inherit;
text-overflow: inherit;
max-width: 750px;
}
body .wp-caption {
margin-bottom: 0;
}
.wp-caption .wp-caption-text {
display: none;
}
.gallery {
column-count: 3;
column-gap: 30px;
}
.news-gallery .gallery-item {
display: block;
}
.gallery-item {
position: relative;
margin-bottom: 30px;
}
.gallery-caption {
opacity: 0;
position: absolute;
bottom: 0;
display: block;
text-align: center;
background-color: rgba(255,255,255,.95);
padding: 10px 5px;
width: 100%;
text-transform: uppercase;
font-size: 18px;
box-sizing: border-box;
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
@media (min-width: 600px) and (max-width: 1024px) {
.gallery {
column-count: 2;
}
}
@media (max-width: 599px) {
.gallery {
column-count: 1;
max-width: 450px;
margin-left: auto; margin-right: auto;
}
}
.gallery.press-gallery .gallery-caption {
position: relative;
opacity: 1;
}
.press-gallery .gallery-item {
padding: 5px;
}
.press-gallery .gallery-item a {
pointer-events: all;
} .narrow-text {
max-width: 900px;
margin: 0 auto;
}
.narrow-text p {
margin-bottom: 10px;
}
.text-section p {
line-height: 1.8;
text-align: justify;
}
.text-section p:last-child {
margin-bottom: 0;
}
.img-col img {
border-radius: 4px;
}
.img-col, .text-col {
padding: 2% 3%;
}
.text-section .grid-container {
display: flex;
align-items: center;
}
@media (min-width: 800px) and (max-width: 1024px) {
.text-section .grid-container {
align-items: flex-start;
}
}
@media (max-width: 799px) {
.text-section .grid-container {
flex-direction: column;
justify-content: center;
text-align: center;
}
.text-section.rhs-img .grid-container {
flex-direction: column-reverse;
}
} #accordion {
text-align: center;
max-width: 1000px;
margin: 0px auto;
}
.accordion-toggle {
cursor: pointer;
margin-bottom: 0px;
padding: 20px;
position: relative;
transition: all 300ms;
background-color: #eee;
margin-bottom: 20px;
}
.accordion-toggle:hover {
background-color: #f4f4f4;
}
.accordion-toggle.toggle-open {
background-color: #eee;
}
.accordion-content {
display: none;
padding: 10px 20px 20px;
background-color: #fff;
}
.accordion-content.default {
display: block;
}
.accordion-toggle.toggle-open:after {
content: '-';
}
.accordion-toggle:after {
content: '+';
}
.accordion-toggle.toggle-open:after, .accordion-toggle:after {
margin-left: 10px;
}
@media (max-width: 449px) {
.accordion-content {
padding-left: 5px; padding-right: 5px;
    }    
#accordion h3 {
font-size: 18px;
    }
body .texts-accordion #accordion h3 {
font-size: 17px;
text-align: left;
}
}
.texts-accordion #accordion {
text-align: left;
}
.texts-accordion #accordion h3 {
font-size: 19px;
text-align: center;
} .contact-section a {
color: #222;
}
.contact-section a.email {
font-size: 20px;
text-align: center;
display: inline-block;
margin-bottom: 20px;
}
.address.london {
margin-bottom: 50px;
}
@media (max-width: 599px) {
.contact-section a.email {
font-size: 18px;
}
} div#footer-minimal {
padding: 40px;
background: #333;
}
.site-info {
text-transform: uppercase;
}
.footer-widget-2 p {
margin-bottom: 10px;
}
@media (max-width: 1024px) {
.site-footer {
margin-top: 80px;
}
.inside-footer-widgets {
display: flex;
flex-direction: column; 
align-items: center;
}
.footer-widget-1, .footer-widget-2, .footer-widget-3 {
display: flex;
justify-content: center;
}
.footer-widget-1 {
order: 3;
}
.footer-widget-2 {
order: 1;
max-width: 400px;
}
.inside-footer-widgets .footer-widget-3 {
order: 2;
margin-bottom: 40px;
max-width: 400px;
}
.site-footer .footer-widgets-container .inner-padding {
padding-left: 0;
}
}
.footer-social {
text-align: center;
margin-top: 40px;
}
.footer-social a {
display: inline-flex;
font-size: 18px;
padding: 5px;
margin-right: 5px;
width: 26px;
height: 26px;
border-radius: 50%;
background-color: #fff;
color: #333;
justify-content: center;
align-items: center;
} .list-checkbox-wrap .nf-field-element li label {
font-size: 14px;
} .feed-container {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
#insta .generate-sections-inside-container  {
padding-left: 0; padding-right: 0;
}
.insta-feed {
padding: 10px 10px 20px;
background-color: #CCCCCC;
}
@media (max-width: 799px) {
.insta-feed .instagram_gallery a {
width: 48% !important;
}
}
@media (min-width: 1025px) {
#instagram-news-feed .instagram_gallery {
columns: 4; 
column-gap: 20px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
#instagram-news-feed .instagram_gallery {
columns: 3; 
}
}
@media (min-width: 400px) and (max-width: 767px) {
#instagram-news-feed .instagram_gallery {
columns: 2; 
column-gap: 10px;
}
}
#instagram-news-feed .instagram_gallery a {
display: block;
width: 100% !important;
margin: 0 !important;
}
#instagram-news-feed .instagram_gallery a[data-caption]::after {
padding: 0 1% 8px;
border-bottom: 1px dotted #999;
margin-bottom: 40px;
}
#instagram-news-feed .instagram_gallery a:before {
content: '@lloret.alejandro';
position: absolute;
bottom: 16px;
text-align: center;
font-size: 0.8rem;
color: #3a3a3a;
left: calc(50% - 45px);
}
.shadow {
box-shadow: 0px 3px 6px #00000029;
} @font-face {
font-family: 'icomoon';
src:  url(//alejandrolloret.com/fonts/icomoon.eot?78bx1l);
src:  url(//alejandrolloret.com/fonts/icomoon.eot?78bx1l#iefix) format('embedded-opentype'),
url(//alejandrolloret.com/fonts/icomoon.ttf?78bx1l) format('truetype'),
url(//alejandrolloret.com/fonts/icomoon.woff?78bx1l) format('woff'),
url(//alejandrolloret.com/fonts/icomoon.svg?78bx1l#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
}
.icon-home:before {
content: "\f015";
}
.icon-map-marker:before {
content: "\f041";
}
.icon-chevron-left:before {
content: "\f053";
}
.icon-chevron-right:before {
content: "\f054";
}
.icon-chevron-up:before {
content: "\f077";
}
.icon-chevron-down:before {
content: "\f078";
}
.icon-external-link:before {
content: "\f08e";
}
.icon-phone:before {
content: "\f095";
}
.icon-twitter:before {
content: "\f099";
}
.icon-facebook:before {
content: "\f09a";
}
.icon-facebook-f:before {
content: "\f09a";
}
.icon-caret-down:before {
content: "\f0d7";
}
.icon-caret-up:before {
content: "\f0d8";
}
.icon-caret-left:before {
content: "\f0d9";
}
.icon-caret-right:before {
content: "\f0da";
}
.icon-envelope:before {
content: "\f0e0";
}
.icon-linkedin:before {
content: "\f0e1";
}
.icon-angle-left:before {
content: "\f104";
}
.icon-angle-right:before {
content: "\f105";
}
.icon-angle-up:before {
content: "\f106";
}
.icon-angle-down:before {
content: "\f107";
}
.icon-mobile:before {
content: "\f10b";
}
.icon-mobile-phone:before {
content: "\f10b";
}
.icon-youtube-play:before {
content: "\f16a";
}
.icon-instagram:before {
content: "\f16d";
}
.icon-flickr:before {
content: "\f16e";
}
.icon-map-pin:before {
content: "\f276";
}
.icon-dots-three-vertical:before {
content: "\e900";
}
.icon-dots-three-horizontal:before {
content: "\e901";
}
.icon-search:before {
content: "\e986";
}
.icon-zoom-in:before {
content: "\e987";
}
.icon-flickr1:before {
content: "\eaa3";
}