/*
Theme Name: Giudecca Living Theme
Description: A Child Theme for the Enfold Wordpress Theme.
Version: 1.0
Author: Starfall Graphics
Author URI: https://www.starfallgraphics.com
Template: enfold
*/
/*Add your own styles here:*/
/* Define global site variables */
:root {
--giu-gold: #ad8c55;
--giu-medium-gold: #d4c7ae;
--giu-pale-gold: #efe8dd;
--giu-dark-blue: #0a2246;
--giu-gallery-blue: #404e69;
--giu-medium-blue: #8890a2;
--giu-light-blue: #9da7b5;
--giu-pale-blue: #ced3da;
--giu-letter-spacing: 0.2px !important;
}
/* Set styles that use News Gothic */
body, p, strong, h5, h6, a, .floor-detail {
font-family: news-gothic-std, 'Open Sans', Arial, Helvetica, sans-serif !important;
letter-spacing: var(--giu-letter-spacing) !important;
}
/* Set styles that use Essonnes Headline */
h1, h2, h3, h4, h1 a, h2 a, .logo a {
font-family: essonnes-headline, 'Times New Roman', Georgia, serif !important;
font-weight: normal !important;
}
/* Style main headlines on home page */
.home-heads {
font-size: calc(24px + 1.4vw) !important;
line-height: 1.2em !important;
margin-bottom: 0.6em !important;
color: var(--giu-gold) !important;
}
/* Style page heads on gallery and floor plan pages - MUST match the calculation above! */
h1.page-head {
font-size: calc(20px + 1.75vw) !important;
}
/* @media only screen and (max-width: 1024px) and (min-width: 769px) {
.home-heads {
font-size: 3.5vw !important;
}
}
@media only screen and (max-width: 768px) and (min-width: 481px) {
.home-heads {
font-size: 4.5vw !important;
}
}
@media only screen and (max-width: 480px) {
.home-heads {
font-size: 6vw !important;
}
} */
/* Style floor plan headlines */
.plan-heads {
font-size: calc( 18px + 0.7vw ) !important;
line-height: 1.2em !important;
margin-bottom: 0.8em !important;
color: var(--giu-gold) !important;
}
/* @media only screen and (max-width: 1024px) and (min-width: 769px) {
.plan-heads {
font-size: 2.7vw !important;
}
}
@media only screen and (max-width: 768px) and (min-width: 481px) {
.plan-heads {
font-size: 3.6vw !important;
}
}
@media only screen and (max-width: 480px) {
.plan-heads {
font-size: 4.8vw !important;
}
} */
/* Style site heading */
h3.logo {
height: 100% !important;
min-height: 100px !important;
}
h3.logo a {
font-size: calc(14px + 2vw) !important;
/* font-style: italic !important; - changed per Henry, 4/25/22 */
line-height: 1.2em !important;
color: #fff !important;
display: block !important;
padding-top: calc( 0.8vw + 15px ) !important;
}
h3.logo a:before {
}
h3.logo a:hover {
text-decoration: none !important;
color: var(--giu-pale-gold) !important;
}
/* Turn off default all-caps and letterspacing on various headings */
.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2, .iconbox .iconbox_content .iconbox_content_title, h1, h2, h3, h3.widgettitle, h4, h5, h6 {
text-transform: none !important;
letter-spacing: 0px !important;
}
/* Style the "admin access" link in the socket */
.footer-login {
margin-left: 10px;
text-transform: uppercase;
font-size: 70%;
}
/* Define "do not break" class */
.dnb {
display: inline-block !important;
text-decoration: inherit !important;
}
/* Style superscripts */
.superscript {
font-size: 65% !important;
position: relative !important;
top: -0.3rem !important;
}
/* Style footnotes */
.footnote {
font-size: 80% !important;
}
/* Style fractions - Note: These three styles require (and work in tandem with) the fraction custom shortcode. */
.frac-num, .frac-denom {
font-size: 65% !important;
}
.frac-num {
position: relative !important;
top: -0.3rem !important;
}
.built-fraction {
letter-spacing: 1px !important;
}
/* Style floating menu bar */
#navbar {
background-color: var(--giu-dark-blue);
padding: 10px 0px !important;
min-height: 40px !important;
}
#navbar li {
padding: 5px 0px !important;
}
#navbar a {
background: none !important;
color: #fff !important;
font-size: 13px !important;
line-height: 1.2em !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
border-color: var(--giu-gold) !important;
}
#navbar a:hover {
color: var(--giu-pale-blue) !important;
}
/* Adjust font size of floating menu bar for small screens */
@media only screen and (max-width: 680px) {
#navbar a .avia-menu-text {
text-transform: none !important;
letter-spacing: var(--giu-letter-spacing) !important;
}
}
/* Add fine rules to sections of home page */
.home-section {
border-top: 1px solid var(--giu-gold) !important;
}
/* Remove padding from main sections of home page, gallery page */
.home-section .container, #gallery .container {
padding: 0 !important;
}
/* And on mobile */
@media only screen and (max-width: 767px) {
.responsive #gallery .container {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
}
}
/* Fix spacing below Gallery heading on mobile */
@media only screen and (max-width: 767px) {
.responsive #gallery .flex_column {
margin-bottom: 0 !important;
}
}
/* Adjust line-height of most text */
.avia_textblock {
line-height: 1.4em !important;
}
/* Adjust extra lead around bullets in text */
.avia_textblock ul li {
padding: 4px 0 0 0 !important;
}
.avia_textblock ul ul li {
margin-bottom: 0 !important;
padding: 3px 0 0 0 !important;
}
.avia_textblock ul ul {
margin: 0 !important;
}
/* Customize bullets (diamonds) */
.avia_textblock ul {
list-style: none !important;
margin-bottom: 0px !important;
}
.avia_textblock ul li:before {
color: var(--giu-gold) !important;
content: "\2666";
font-size: 90% !important;
display: inline-block !important;
width: 1.0em !important;
margin-left: -1.0em !important;
position: relative !important;
top: -1.5px !important;
}
/* Change color of secondary bullets (diamonds) */
.avia_textblock ul ul li:before {
color: var(--giu-light-blue) !important;
}
/* Style button text */
.su-button span {
font-size: 13px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
line-height: 32px !important;
}
.su-button span:hover {
color: var(--giu-dark-blue) !important;
}
/* Style regional labels for titles of floor plans */
.floor-detail {
color: #222222 !important;
font-size: 45% !important;
text-transform: uppercase !important;
}
/* Hide full version of menu in header
@media only screen and (min-width: 990px) {
.menu.av-main-nav {
display: none !important;
}
} */
/* Configure variable padding */
:root {
--text-pad-1: 2vw;
--text-pad-2: 3.5vw;
--text-pad-3: 6vw;
--text-pad-4: 7.5vw;
--text-pad-top: 3vw;
--text-pad-bottom: 2vw;
}
@media only screen and (max-width: 768px) {
:root {
--text-pad-1: 0px !important;
--text-pad-2: 0px !important;
--text-pad-3: 0px !important;
--text-pad-4: 75px !important;
--text-pad-top: 25px;
--text-pad-bottom: 10px !important;
}
}
/* Set margins above and below tags */
p {
margin: 0.8em 0 0 0 !important;
}
/* Fix slider caption spacing on small screens */
@media only screen and (max-width: 768px) {
.slideshow_inner_caption {
padding-left: 0px !important;
padding-right: 0px !important;
}
}
/* Set color of burger menu items */
#av-burger-menu-ul a {
color: #fff !important;
}
#av-burger-menu-ul a:hover {
color: var(--giu-gallery-blue) !important;
}
/* Add blue bar below home slider */
#home-slider {
border-bottom: solid 10px var(--giu-pale-gold) !important;
}
/* Adjust padding at top of floor plan page to be consistent with gallery page */
.page-id-82 main {
padding-top: 0px !important;
}
/* Hide Dashboard link in WordPress menu */
#wp-admin-bar-dashboard {
display: none !important;
}