/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* Generatepress Hooks Visual Guide - https://docs.generatepress.com/article/hooks-visual-guide/ */
/* Generatepress Responsive Breakpoints - https://docs.generatepress.com/article/responsive-display/ */
/*
@media (max-width: 768px) {}
@media (min-width: 769px) and (max-width: 1024px) {}
@media (min-width: 1025px) {}
*/


/* SECTION 01 - FONTS */
/* SECTION 02 - HEADER */
/* SECTION 03 - PAGES */
/* SECTION 04 - POSTS */
/* SECTION 05 - ARCHIVES */
/* SECTION 06 - SIDEBAR */
/* SECTION 07 - FOOTER */
/* SECTION 08 - PLUGINS */
/* SECTION 09 - ADVERTISING */


/* SECTION 01 - FONTS - START */
/* Host Google Fonts locally - https://docs.generatepress.com/article/adding-local-fonts/, https://gwfh.mranftl.com/fonts  */
/* rubik-regular - latin_latin-ext */
@font-face {
font-display:swap;
font-family:'Rubik';
font-style:normal;
font-weight:400;
src:url(https://www.californiamissions.com/wp-content/fonts/rubik/rubik-v28-latin_latin-ext-regular.woff2) format("woff2");
}

/* rubik-700 - latin_latin-ext */
@font-face {
font-display:swap;
font-family:'Rubik';
font-style:normal;
font-weight:700;
src:url(https://www.californiamissions.com/wp-content/fonts/rubik/rubik-v28-latin_latin-ext-700.woff2) format("woff2");
}

/* rubik-800 - latin_latin-ext */
@font-face {
font-display:swap;
font-family:'Rubik';
font-style:normal;
font-weight:800;
src:url(https://www.californiamissions.com/wp-content/fonts/rubik/rubik-v28-latin_latin-ext-800.woff2) format("woff2");
}
/* SECTION 01 - FONTS - END */


/* SECTION 02 - HEADER - START */
/* Set Logo dimesions for SVG file  */
.site-logo {
position:relative;
top:-1px;
width:350px;
transform:scale(1);
transition:transform .25s ease-in;
}
.site-logo:hover {
position:relative;
top:-1px;
transform:scale(1.05);
}
@media (min-width: 769px) and (max-width: 1000px) {
.site-logo {
position:relative;
top:0;
left:5px;
width:280px;
}
}
@media (max-width: 768px) {
.site-logo {
position:relative;
top:0;
left:3px;
width:250px;
}
}

/* Move search icon down 1px in Primary Navigation */
span.gp-icon.icon-search {
position:relative;
top:1px;
}
@media (max-width: 768px) {
span.gp-icon.icon-search {
position:relative;
left:5px;
}
}

/* Move toogle for opening sub-menu in Primary Navigation */
.menu-item-has-children .dropdown-menu-toggle {
position:relative;
top:2px;
}

/* Adjust position of Sub Menu */
/* Adjust position of Sub Menu in desktop. Do not use Navigation Dropdown Hover option from the Customizer with this change */
@media (min-width: 920px) {
ul.sub-menu {
margin-top:5px;
margin-left:3px;
}
}

/* Adjust position of Sub Menu in tablet and phones */
ul.sub-menu {
margin-bottom:10px;
}
/* SECTION 02 - HEADER - END */


/* SECTION 03 - PAGES - START */
/* Add an hover effect on Post and Archives' Images */
.post-image,.gb-block-image {
transform:scale(1);
transition:transform .25s ease-out;
}
.post-image:hover,.gb-block-image:hover {
transform:scale(0.97);
}

/* Style links in Titles in a special way */
h1.gb-headline-cfbef44b a,h2.gb-headline-e60d5ec8 a,h2.entry-title a {
text-decoration:none;
}
h1.gb-headline-cfbef44b a:hover,h2.gb-headline-e60d5ec8 a:hover,h2.entry-title a:hover {
text-decoration:underline;
text-decoration-color:#fc0;
text-decoration-skip-ink:none;
text-decoration-thickness:.2em;
text-underline-offset:.1em;
}

/* Reduce bottom space of buttons in the home page  */
@media (max-width: 768px) {
a.gb-button-3ea108c7 {
margin-bottom: 0;
}
}
/* SECTION 03 - PAGES - END */


/* SECTION 04 - POSTS - START */
/* Style links in content in a special way */
.entry-content p > a, .entry-content li > a  {
color:#424242;
text-decoration:underline;
text-decoration-color:#fc0;
text-decoration-skip-ink:none;
text-decoration-thickness:.2em;
text-underline-offset:.1em;
}
.entry-content p > a:hover, .entry-content li > a:hover {
color:#424242;
text-decoration:underline;
text-decoration-color:#fc0;
text-decoration-skip-ink:none;
text-decoration-thickness:1.5em;
text-underline-offset:-1.1em;
}

/* Add a border to Posts Images, Posts Featured Images, Archives Images and MWL Slider Images + Apply a Filter */
.post-image a {
clear:both;
display:flex;
border:3px solid #183359;
filter:contrast(110%) brightness(100%) grayscale(50%);
}
.featured-image img,.wp-block-image img,.gb-block-image img,.mwl__slider__image__thumbnail__low-res-container img,.mwl .mwl__slider .mwl__slider__image .mwl__slider__image__thumbnail img {
border:3px solid #183359;
filter:contrast(110%) brightness(100%) grayscale(50%);
}

/* Add space at the top and bottom of the featured image in Posts */
.featured-image img {
margin:40px 0 25px;
}
@media (max-width: 768px) {
.featured-image img {
margin:30px 0 25px;
}
}

/*  Center only the H1 Titles in Posts with a Sidebar */
.entry-header h1, .page-header h1 {
text-align:center;
}

/*  Center only the H1 Titles in Posts without a Sidebar */
body.single-post.no-sidebar .entry-header h1.entry-title {
text-align:center;
}

/* Add space to the bottom of images inside content */
.wp-block-image {
margin:0 0 30px;
}

/* Style Entry Meta of the end of Posts */
.entry-meta {
padding:28px 0 0;
}
.entry-meta a {
padding:5px 10px;
color:#ffffffb3;	/* color: rgba(255,255,255,0.7); */
background:#183359;
border-radius:5px;
}
.entry-meta a:hover {
padding:5px 10px;
color:#fff;
background:#F26E02;
border-radius:5px;
}

/* Style Entry Meta of the end of Posts - Apply different style if screen width is less than 1200px */
@media (max-width: 1200px) {
.entry-meta a {
padding:0;
color:#424242;
background:#fff;
text-decoration:underline;
text-decoration-color:#fc0;
text-decoration-skip-ink:none;
text-decoration-thickness:.2em;
text-underline-offset:.1em;
}
.entry-meta a:hover {
padding:0;
color:#424242;
background:#fff;
text-decoration:underline;
text-decoration-color:#fc0;
text-decoration-skip-ink:none;
text-decoration-thickness:1.5em;
text-underline-offset:-1.1em;
}
}

/* Hide Entry Meta Icons at the End of Posts */
.entry-meta .gp-icon {
display:none;
}

/* Replace Category and Tags Icons with Text in Entry Meta at the End of Posts - https://generatepress.com/forums/topic/replace-category-and-tag-icons/ */
.cat-links:before {
content:"Archived in";
}
.tags-links:before {
content:"Tagged as";
}
.cat-links:before,.tags-links:before {
margin:0 10px 0 0;
padding:5px 10px;
color:#ffffffb3;	/* color: rgba(255,255,255,0.7); */
background:#424242;
border-radius:5px;
}

/* Change Display of Previous and Next Posts at the End of Posts */
.site-main .post-navigation {
margin-bottom:0;
display:grid;
grid-template-columns:50% 50%;
justify-content:space-evenly;
align-content:stretch;
align-items:baseline;
justify-items:stretch;
}
.nav-previous span.prev {
margin:0 5px 0 0;
float:left;
}
.nav-next span.next {
margin:0 0 0 5px;
float:right;
}
/* SECTION 04 - POSTS - END */


/* SECTION 05 - ARCHIVES - START */
/*  Center only the H1 Titles in Categories, Tags and Archives */
.archive .page-header h1.page-title, .search .page-header h1.page-title {
text-align:center;
}

/* Remove space at the bottom of H1 Titles in Archives and Search Pages on Mobile Devices */
@media (max-width: 768px) {
h1.page-title {
padding:0 0 25px;
float:left;
}
}

/* Add space at the top and bottom of H2 Titles in Archives, Categorie, Tags and Search Pages */
h2.entry-title {
margin:30px 0 15px;
}
@media (max-width: 768px) {
h2.entry-title {
margin:15px 0;
}
}

/* Add space at the bottom of images in Archives, Categorie, Tags and Search Pages */
.post-image {
padding:0 0 10px;
}

/* Force Imgaes in Archives, Categorie, Tags and Search Pages to fill all space - Problem visible between 626px and 768px */
@media (max-width: 768px) {
.post-image img {
width:100%;
}
}

/* Reduce space on top of the Read More Button in Archives, Categorie, Tags and Search Pages */
a.read-more.button {
margin:-10px 0 0;
}
@media (max-width: 768px) {
a.read-more.button {
margin:-10px 0 20px;
}
}

/* Modify size of "Read More" Buttons to make them equal to those in Home Page made with Gutenberg */
.button,.wp-block-button .wp-block-button__link {
padding:6px 16px;
}

/* Center Pagination in Home and Archives and change margins - https://generatepress.com/forums/topic/center-page-number-blog/ */
.nav-links {
text-align:center;
margin:-20px 0 30px;
}

/* Style Pagination in Home and Archives - https://generatepress.com/forums/topic/pagination-4/ */
#nav-below .page-numbers:not(.dots) {
margin:15px 15px 0 0;
padding:0 4px 0 5px;
display:inline-block;
font-size:25px;
font-weight:700;
line-height:50px;
text-align:center;
color:#fff9;	/* color: rgba(255, 255, 255, 0.6); */
width:45px;
background-color:#183359;
border-radius:5px;
}
@media (max-width: 768px) {
#nav-below .page-numbers:not(.dots) {
margin:30px 10px 0 0;
}
}

/* Change current and hover colors */
#nav-below .page-numbers:not(.dots):hover {
background-color:#111F46;
color:#fff;
}
#nav-below .page-numbers.current {
background-color:#F26E02;
color:#fff;
}
#nav-below .page-numbers.current:hover {
background-color:#F26E02;
}

/* Increase width of dots and change their position */
#nav-below .page-numbers.dots {
position:relative;
top:-6px;
left:-5px;
font-size:25px;
}

/* Remove previous and next links - This must be last styling item for the "#nav-below" selector  */
#nav-below .page-numbers.next, #nav-below .page-numbers.prev {
display:none;
}

/* Fix style in 404 Error page to make it equal to Search Results, Archives, Categories and Tags */
.no-results.not-found {
padding:60px 0 40px;
background:#fff;
}

/* Modify Serach Button in 404 Error pages and Search Pages when no results are returned */
button.search-submit {
margin:20px 0 0 0;
padding:10px 18px 10px 10px;
}
/* SECTION 05 - ARCHIVES - END */


/* SECTION 06 - SIDEBAR - START */
/* Extend sidebar to bottom of page - Modified from: https://generatepress.com/forums/topic/extend-sidebar-to-bottom-of-page/ */
.site-content,#right-sidebar {
display:flex;
}
#right-sidebar .inside-right-sidebar {
display:flex;
flex-direction:column;
width:100%;
}
#right-sidebar .widget:last-child,#adv06-sidebar-bottom-banner {
flex:1;
}

/* Modify the Button Links in the Posts' Right Sidebar. */
.wp-block-buttons>.wp-block-button.wp-block-button__width-100 {
flex-basis:auto;
width:unset;
margin-bottom:10px;
}

/* Reduce space between Button Links and the Advertising Space below. */
.wp-block-buttons.is-layout-flex.wp-container-core-buttons-is-layout-1.wp-block-buttons-is-layout-flex {
margin-bottom:-13px;
}

/* Modify the Hover Color of Button Links in the Posts' Right Sidebar. */
a.wp-block-button__link.has-text-align-center.wp-element-button:hover,a.wp-block-button__link.has-text-align-center.wp-element-button:active {
background-color:#F26E02;
}

/* Modify the Button Links in the Posts' Right Sidebar - Add space around the Button Links on Mobile */
@media (max-width: 768px) {
aside#block-2 {
padding:20px 30px 40px;
}
}
/* SECTION 06 - SIDEBAR - END */


/* SECTION 07 - FOOTER - START */
/* Sponsors added at the very bottom of the footer */
.sponsored-footer-aws,.sponsored-footer-generatepress,.sponsored-footer-vultr,.sponsored-footer-bunny {
margin-left:10px;
position:relative;
top:8px;
left:0;
height:25px;
width:25px;
}
.sponsored-footer-bunny {
height:25px;
width:75px;
}
.sponsored-footer-aws:hover,.sponsored-footer-generatepress:hover,.sponsored-footer-vultr:hover,.sponsored-footer-bunny:hover {
transform:scale(1.1);
}

/* Change position of the "Back to Top" button lcoated at the bottom right of the page */
a.generate-back-to-top {
margin:0 -10px -20px 0;
}

/* Change position of the "Back to Top" button lcoated at the bottom right of the page on mobiles */
@media (max-width: 768px) {
a.generate-back-to-top {
margin:0 -10px -10px 0;
}
}
/* SECTION 07 - FOOTER - END */


/* SECTION 08 - PLUGINS - START */
/* Meow Lightbox Plugin - Styling */
.mwl .mwl__metadata .exifs,.mwl .mwl__metadata h2,.mwl .mwl__metadata p {
margin:30px 0 0!important;
padding:0!important;
font-family:Rubik,sans-serif!important;
font-weight:400!important;
font-size:18px!important;
line-height:36px!important;
}
.mwl.light .mwl__topbar .mwl__topbar__slide-counter {
font-family:Rubik,sans-serif;
font-weight:700;
}
.mwl::selection {
background:#fc0!important;
}

/* Scriptless Social Sharing Plugin - Modify the position of the Social Sharing Buttons at the end of Posts */
.scriptlesssocialsharing {
margin:30px 0 10px;
}
/* SECTION 08 - PLUGINS - END */


/* SECTION 09 - ADVERTISING - START */
/* Set the Advertising Banners */
#adv01-main-top-banner-home,#adv02-main-bottom-banner-home,#adv03-main-top-banner-cats,#adv04-main-bottom-banner-cats,#adv05-single-top-banner,#adv06-single-bottom-banner,#adv07-sidebar-top-banner,#adv08-sidebar-bottom-banner {
display:block;
}

/* Adv 01 - Main Top Banner Home Page */
#adv01-main-top-banner-home {
margin:40px auto 40px auto;
max-width:1190px;
text-align:center;
}

/* Adv 02 – Main Bottom Banner Home Page */
#adv02-main-bottom-banner-home {
margin:15px auto 25px auto;
max-width:1190px;
text-align:center;
}

/* Adv 03 - Main Top Banner Categories & Tags */
#adv03-main-top-banner-cats {
margin:40px auto 30px auto;
max-width:1190px;
text-align:center;
}

/* Adv 04 - Main Bottom Banner Categories & Tags */
#adv04-main-bottom-banner-cats {
margin:10px auto 25px auto;
max-width:1190px;
text-align:center;
}

/* Adv 05 - Single Top Banner */
#adv05-single-top-banner {
margin:25px auto 25px auto;
max-width:808px;
text-align:center;
}
body.no-sidebar .site-content .inside-article #adv05-single-top-banner {
max-width:1190px;
}

/* Adv 06 - Single Bottom Banner */
#adv06-single-bottom-banner {
margin:45px auto -15px auto;
max-width:808px;
text-align:center;
}
body.no-sidebar .site-content .inside-article #adv06-single-bottom-banner {
max-width:1190px;
}

/* Adv 07 - Sidebar Top Banner */
#adv07-sidebar-top-banner {
margin:40px 0 25px 0;
max-width:300px;
text-align:left;
}

/* Adv 08 - Sidebar Bottom Banner */
#adv08-sidebar-bottom-banner {
margin:-15px 0 25px 0;
max-width:300px;
text-align:left;
}

/* Advertising Banners Styling @media (max-width: 768px) - Set margins lef and right to auto */
@media (max-width: 768px) {
/* Adv 01 - Main Top Banner Home Page */
#adv01-main-top-banner-home {
margin:30px auto 30px auto;
max-width:350px;
text-align:center;
}

/* Adv 02 – Main Bottom Banner Home Page */
#adv02-main-bottom-banner-home {
margin:0 auto 15px auto;
max-width:350px;
text-align:center;
}

/* Adv 03 - Main Top Banner Categories & Tags */
#adv03-main-top-banner-cats {
margin:30px auto 10px auto;
max-width:350px;
text-align:center;
}

/* Adv 04 - Main Bottom Banner Categories & Tags */
#adv04-main-bottom-banner-cats {
margin:0 auto 15px auto;
max-width:350px;
text-align:center;
}

/* Adv 05 - Single Top Banner */
#adv05-single-top-banner {
max-width:350px;
}

/* Adv 06 - Single Bottom Banner */
#adv06-single-bottom-banner {
margin:30px auto -20px auto;
max-width:350px;
text-align:center;
}

/* Adv 07 - Sidebar Top Banner */
#adv07-sidebar-top-banner {
display:none;
}

/* Adv 08 - Sidebar Bottom Banner */
#adv08-sidebar-bottom-banner {
margin:-7px auto 15px auto;
max-width:350px;
text-align:center;
}
}

/* Adv 08 - Makes it Sticky only on Desktop to complain with Google Policy - https://support.google.com/adsense/answer/10734935 */
@media (min-width: 1025px) {
#adv08-sidebar-bottom-banner {
position:sticky;			/* Makes this Banner Sticky */
top:37px;					/* Makes this Banner Sticky - Adjust to suit position */
}
}

/* Auto Ads Google - Adds some margin to the bottom of Google Auto Ads */
.google-auto-placed, .google-auto-placed.ap_container {
padding-bottom:30px;
}
/* SECTION 09 - ADVERTISING - END */