div.riview ul li { border: 1px solid; border-radius: 0px; } div.riview.light ul li { border-color: #d7ae45; } div.riview.light ul li:hover { border-color: #e6f9fe; } .footerimage { height: 240px; position: relative; } .footerimage img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .footersection { font-size: 12px; text-transform: none; line-height: 25px; } .site-header { background-color: white; margin-top: 53px; } .roll-promobox { padding-top: 3px!important; padding-bottom: 3px!important; } .roll-button { max-width: 300px; color: white; letter-spacing: 2px; width: 100% } h5 { text-transform: uppercase!important; letter-spacing: 2px!important; margin-bottom: 5px; } .divkeep { max-height: 500px; overflow: hidden; } .toptext2 { padding-left: 50px; padding-top: 420px; color: #003143; text-transform: uppercase; font-family: 'Open Sans Condensed', sans-serif; font-size: 30px; z-index: 999; } @keyframes slideleft { from { margin-top: 100%; width: 300%; } to { margin-top: 0%; width: 100%; } } .toptext { padding-right: 50px; padding-top: 30px; text-align: right; color: #003143; text-transform: uppercase; font-family: 'Cinzel', serif; font-size: 30px; z-index: 999; } .toptext:hover { color: #ee6974; } .featuredblock { display: block; margin: 0px; min-height: 500px; position: relative; width: 100%; overflow: hidden; /* to avoid scrollbars */ background-position: top; background-repeat: no-repeat; background-size: cover; -webkit-transition: background-position 3s ease-in-out; } .featuredblock:hover { background-position: bottom !important; } .featuredblock2 { display: block; margin: 0px; min-height: 500px; position: relative; width: 100%; overflow: hidden; /* to avoid scrollbars */ background-position: top; background-repeat: no-repeat; background-size: cover; -webkit-transition: background-position 3s ease-in-out; } .featuredblock2:hover { background-position: left!important; } .col-md-8.col-sm-4.col-xs-12 { text-transform: uppercase; letter-spacing: 2px; } .page .page-wrap .content-wrapper { background-color: transparent; } .header-contact, .header-contact a { color: white; font-size: 13px; } .header-contact, .header-contact a:hover { color: #a08030; } .social-navigation li a { letter-spacing: 0px; color: #d0f5fe; } .social-navigation li a:hover { letter-spacing: 0px; color: d8ae4a; } .has-hero .header-contact :hover { color: #a08030; } .has-hero .header-contact a { color: black; } .has-hero .header-contact { background-color: #eefcff; } @media only screen and (max-width: 1024px) { .has-hero .header-contact { background-color: white; } } body { letter-spacing: 2px; } /* add page wrap on mobiles*/ @media only screen and (max-width:1024px) { .page-wrap { padding-top: 100px; } } .site-logo, .header-wrap .col-md-4 { margin-bottom: 7px; } /* Make STICKY menu on mobiles @media only screen and (max-width:1025px) { #masthead.site-header{ position: fixed !important; padding-top: 5px; } }*/ /* If screen size is 480px wide, or less, set the site logo to none*/ @media only screen and (max-width: 480px) { .float-header .site-logo { display: none; } .header-slider .roll-button { display: none; } } @media only screen and (max-width: 480px) { .site-header, .float-header .site-logo { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } } /* If screen size is between 480px and 768px, set the site logo to none*/ @media only screen and (max-width: 768px) and (min-width: 480px) { .float-header .site-logo { max-width: 0px; } } @media only screen and (max-width: 768px) and (min-width: 480px) { .site-header, .float-header .site-logo { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } } /* If screen size is more than 768px wide, set the logo max width to 200*/ @media only screen and (min-width: 768px) { .float-header .site-logo { max-width: 150px; } } @media only screen and (min-width: 768px) { .site-header, .float-header .site-logo { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } } .site-info.container { text-transform: uppercase; font-family: 'Josefin Sans', sans-serif!important; letter-spacing: 6px; } #colophon.site-footer { margin: 0px; padding: 5px; display: none; } #sidebar-footer.footer-widgets.widget-area a { color: #071965; } #sidebar-footer.footer-widgets.widget-area { padding-bottom: 0px; padding-top: 0px; text-transform: uppercase; color: #071965; font-family: 'Poppins', sans-serif; letter-spacing: 4px; font-size: 8px!important; background-color: #e6f9fe; border: none; } .widget-area .widget { margin-bottom: 0px; padding-top: 0px!important; } .go-top.show { background-color: #d8ae4a; } .go-top.show:hover { background-color: #071965; } p { margin-bottom: 15px; } .crellyslider>.cs-slides>.cs-slide { margin: 0 auto; width: 100%; display: block; } hr { border-top: 1px solid #e4ac79; } .blogtext:hover { text-shadow: 2px 2px 2px #ffffff; } /* Change social media icons - fontawesome codes */ .social-links a::before { font-family: FontAwesome; } .menu-social-container a[href*="kaitnolan.com"]::before { content: '\f09e'; } .social-links a[href*="amazon.com"]::before { content: '\f270'; } .social-links a[href*="goodreads.com"]::before { content: 'gr'; font-family: helvetica; font-size: 16px; } .social-links a[href*="bookbub.com"]::before { content: 'BB'; font-family: helvetica; font-size: 14px; } /* Add arrows to the right of menu items */ } .menu li.has-children > a:after { color: #d8ae4a!important; content: ' ▼'!important; font-size: 10px!important; vertical-align: 1px!important; } .menu li li.has-children > a:after { color: #d8ae4a!important; content: ' ►'!important; font-size: 10px!important; vertical-align: 1px!important; } /*hide menu arrows on mobile/tablet*/ @media only screen and (max-width: 1024px){ .menu li.has-children > a:after { display: none; } } @media only screen and (max-width: 1024px){ .menu li li.has-children > a:after { display: none; } } /*mobile navigation colors*/ #mainnav-mobi { background-color: #030e35; } #mainnav-mobi ul.sub-menu { background-color: #e6f9fe; } #mainnav-mobi ul.sub-menu > li > a { color: #071965; } #mainnav-mobi ul.sub-menu > li > a:hover { color: #d8ae4a; } #mainnav-mobi ul li { border-color: grey; } #mainnav-mobi ul > li > a { color: white; text-transform: 'Poppins', sans-serif!important; letter-spacing: 4px; font-size: 12px; } #mainnav-mobi ul > li > a:hover { color: #d8ae4a; } .btn-submenu:before { color: white; } /*regular menu modifications*/ #mainnav ul li a { letter-spacing: 5px; } #mainnav .sub-menu li a:hover { background-color: #e6f9fe; color: #071965!important; } #mainnav .sub-menu li a { letter-spacing: 4px; font-size: 10px; } /* Styling for sydney action buttons*/ .roll-button { color: white!important; letter-spacing: 4px; border: 1px solid. #030e35; background-color: #030e35; text-align: center; } .roll-button:hover { border: solid 1px #d8ae4a; background-color: #e6f9fe; color: #030e35!important; } /* Styling for social media buttons, about page*/ .social-section.style2 .social-menu-widget li a { color: #d9ae46!important; background-color: transparent; width: 25px; } .social-section.style2 .social-menu-widget li a:hover { color: #030e35!important; background-color: transparent; } .page-id-3 .hentry .title-post { display: none; } .site-logo { max-height: 200px; } /*Blog styling*/ input[type="submit"]:hover { color: #030e35!important; border: solid 1px #030e35; } .comment-title { font-size: 15px; } .comment-reply-title { font-size: 15px!important; } .content-area .entry-thumb { max-width: 400px!important; text-align: center; } .hentry .title-post { color: #e6f9fe; font-size: 14px; text-transform: uppercase; letter-spacing: 4px; background: #e6f9fe; padding-top: 10px; text-align: center; margin-bottom: 10px; } .single .hentry .title-post { font-size: 20px; } .tags-links a { background: #f7e1e3; font-size: 10px; padding-top: 0px; padding-bottom: 0px; padding-right: 12px; padding-left: 12px; color: black; } span.author.vcard { display: none; } .owl-theme .owl-controls .owl-page:hover span, .owl-theme .owl-controls .owl-page.active span, .roll-team.type-b .team-social li a, .roll-socials li a:hover, .roll-socials li a, .roll-button.light:hover, .roll-button.border, .roll-button, .roll-icon-list .icon, .roll-icon-box .icon, .comment .comment-detail, .widget-tags .tag-list a:hover, .blog-pagination ul li, .hentry blockquote, .error-wrap #search-submit:hover, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, button, input[type="button"], input[type="reset"], input[type="submit"], .archive .team-social li a, .latest-news-wrapper.carousel.style2 .meta-post a:hover { border-radius: 0; color: black; border: 1px solid #030e35; } .comment-reply-link { font-weight: inherit; } .header-slider .roll-button { letter-spacing: 6px; background-color: #d7f7ff; color: #071965!important; border: 1px solid #d7f7ff!important; } .header-slider .roll-button:hover { background-color: transparent; color: white!important; border: 1px solid white!important; } .text-slider .subtitle { margin-top: 150px; padding-bottom: 20px; letter-spacing: 4px; } #mainnav .sub-menu li a:hover { color: black; } .page-id-188 .page-wrap { padding-top: 0px; } .page-id-386 .page-wrap { padding-top: 0px; } /*custom div for suit guy max-width: 600px;*/ .divcustom { color: white; text-transform: uppercase; font-size: 24px; letter-spacing: 5px; padding-left: 20px; padding-right: 20px; padding-top: 30px; padding-bottom: 20px; display: inline-block; font-family: 'Playfair Display', serif; } h1,h2,h3,h4,h5,h6 { text-transform: uppercase!important; letter-spacing: 5px!important; color: #030e35!important; } /* WPFroms button styling*/ .wpforms-form button[type=submit] { border: 1 px solid #030e35; color: white!important; text-transform: uppercase; background-color: #030e35!important; letter-spacing: 4px; font-size: 10pt; width: 300px; padding-top: 7px!important; padding-bottom: 7px!important; } .wpforms-form button[type=submit]:hover { background-color: #e6f9fe!important; color: #030e35!important; border: 1px solid #d8ae4a!important; } /* WPFroms font size when typing in message and border color*/ div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea { border: 1px solid #e4ac79; font-size: 13px; } /* WPFroms labels styling*/ div.wpforms-container-full .wpforms-form .wpforms-field-label { font-size: 13px; } / /* Audio player styling*/ .mejs-time-rail .mejs-time-total { background: #69a2b6!important; } .mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body { background: #030e35!important; max-width: 300px!important; margin-left: auto; margin-right: auto; } /* GDPR styling*/ #cookie-law-info-bar { font-size: 11px; } .small.cli-plugin-button { letter-spacing: 4px; } .page-id-7 .content-wrapper{ padding: 0px!important; } .page-id-7 .page-wrap { padding-bottom: 0px!important; } .page-id-7 .content-area .hentry:first-child { padding-bottom: 0px!important; } /* Ecwid buttons styling*/ html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control--primary .form-control__button { background-color: black!important; border-radius: 0px; } html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control--secondary .form-control__button { border-radius: 0px; border: solid 1px #e8c8d0!important; } html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control--secondary .form-control__button:hover { background-color: #e8c8d0!important; } /* Instagram Feed buttons styling*/ #sb_instagram #sbi_load .sbi_load_btn { border-radius: 0px!important; } #sb_instagram .sbi_follow_btn a { border-radius: 0px; }