/*

Theme Name: Pro – Child Theme
Theme URI: http://theme.co/pro/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to Pro in this child theme.
Version: 1.0.0
Template: pro

*/

/* RACHEL DALE WEBSITE */


/* Main Page Style*/

body, h1, h2, h3, h4, h5, h6, #PAGE-HEADING, #TITLE, .x-brand, div
{
font-family: 'montserrat', Arial, sans-serif !important;
}


h1, #TITLE, h2, #SUBTITLE, #BUTTON {
font-weight: bold !important;
font-size: 40px;
letter-spacing: 10px !important;
text-transform: uppercase !important;
line-height: 1 !important;
padding-top: 5%;
}

h2, #SUBTITLE, #BUTTON {
font-weight: bold !important;
font-size: 30px !important;
letter-spacing: 6px !important;
text-transform: uppercase !important;
line-height: 0 !important;
padding-bottom: 2%;
}

body, h3, h4, h5, h6, .x-brand{
font-weight: 300 !important;
font-size: 25px;
letter-spacing: 2px;
}

div {
font-weight: 300 !important;
font-size: 25px;
letter-spacing: 0px;
}

.IMAGE-WITH-BORDERS {
border: 5px solid lightblue;
}


/* InfoPage Styles */


/* -Header- */

#SITE-HEADER {
font-size: 16px;
background-color: transparent;
box-shadow: none;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}


#MOBILE-MENU-anchor-toggle {
display: none;
}


#PAGE-HEADING {
font-size: 30px; !important
font-family: 'Montserrat', Arial, sans-serif !important;
font-weight: 600 !important
}


.x-container.max.width, .x-container.max.width.offset {
max-width: 1200px;
width: 100%;
margin: auto;
background-color: transparent
}


.entry-wrap {
padding: 0px;
box-shadow: none;
border-radius: 0px;
background-color: transparent;
}


.site {
background-image: url(../.././images/LEFT-BORDER-2.png), url(../.././images/RIGHT-BORDER-2.png);
background-size: auto 100%;
background-repeat: no-repeat;
background-position: left top, right top;
background-attachment: fixed;
}


#LINE {
margin-top: 2%;
margin-bottom: 2%;
}

.x-root .site {
    min-height: 100vh;
    display: flex;
flex-direction: column;
}

#FOOTER-HIDDEN-BAR {
    height: 0px !important;
}

#GRAPHIC-DESIGN {
font-size: 10px !important;
}


/* INFO PAGE STYLES */

.INFO-PAGE .INFO-TEXT-BLOCK {
font-weight: 300 !important;
font-size: 20px;
letter-spacing: 0px;
}

.INFO-PAGE .mejs-controls {
background-color: lightblue;
}

.INFO-PAGE .mejs-button button {
color: rgba(0,0,0,0.5);
}

.INFO-PAGE .mejs-time-current {
background-color: rgba(0,0,0,0.5);
}

.INFO-PAGE .mejs-time-total {
display: block;
margin: 0;
overflow: hidden;
position: relative;
z-index: 1;
width: 95% !important;
height: 10px;
cursor: pointer;
background-color: rgba(255,255,255,0.25);
}

.INFO-PAGE .mejs-time {
padding-right: 30px;
color: rgba(0,0,0,0.5);
}

.INFO-PAGE .mejs-button .mejs-playpause-button .mejs-play {
padding-left: 30px;
}

#INFO-IMAGE img {
max-width: 75%;
}

#INFO-MOBILE-BUTTON {
display: none;
}


/* Info Page Slider */

.REVIEW {
font-size: 20px !important;
text-align: center !important;
max-width: 100% !important;
white-space: normal !important;

}

.SHOW {
display: block;
letter-spacing: 3px;
}

.STARS {
display: block;
color: lightblue;
padding-top: 1%;
padding-bottom: 1%;
font-size: 50px;
}

.QUOTE {
display: block;
}

.SOURCE {
display: block;
padding-top: 1%;
}

.sp-button {
border: 2px solid grey !important;
}

.sp-selected-button {
background-color: lightblue !important;
} 



/* Jetpack gallery styles */


.jp-carousel-info .jp-carousel-titleanddesc-title
{
font-family: Montserrat !important;
font-weight: bold !important;
}


.jp-carousel-wrap .jp-carousel-close-hint span
{
    font: 400 84px/1 "Helvetica Neue",sans-serif !important;
}

.jp-carousel-light .jp-carousel-titleanddesc
{
    border-top: none !important;
}


#jp-carousel-comment-form-container, .jp-carousel-light .jp-carousel-image-meta, #jp-carousel-comments-loading
{
display: none !important;
    
}


/* Footer */

footer.x-colophon {
position: relative;
border-top: none;
background-color: transparent;
box-shadow: none;
    display: flex;
width: 100%;
flex-direction: column;
}


#PAGE-FOOTER {
font-size: 15px; !important;
font-family: 'Montserrat', Arial, sans-serif !important;
font-weight: 600 !important;
flex-direction: column;
justify-content: center;
align-items: center;
flex: 0 1 100%;
box-shadow: none;
}


#CONTACT-ME {
color: black;
font-size: 15px;
font-family: 'Montserrat', Arial, sans-serif !important;
}


#VISIT-THE-SITE {
color: black;
font-size: 15px;
align-content: left;
}



/* HomePage Style */

#HOMEPAGE-NEWS-BLOCK #HOMEPAGE-NEWS-ARTICLE {
display: none
}




/* ImagePage Styles */

.gallery-item {
max-width: 100%;
border: none;
border: none;
padding: 5px;
text-align: center;
background-color: transparent;
border-radius: 0px;
box-shadow: none;
    transition: all 400ms;
}

.gallery-item:hover
{
opacity: 0.8;
    transform: scale(1.1);
}


.attachment-thumbnail.size-thumbnail  {
border-radius: 300px;
border: 6px solid lightblue;
}

.jp-carousel-titleanddesc-desc {
font-size: 15px !important;
}


/* Responsive styles */

/* Background */

@media only screen and (max-width: 1800px) {
.site
{
background-image: none;
background-size: 0%;
background-repeat: no-repeat;
background-position: left top, right top;
background-attachment: fixed;
}
}


/* Slightly smaller desktop screens */

@media only screen and (max-width: 1300px) {
#SITE-HEADER {
font-size: 15px;
background-color: transparent;
box-shadow: none;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 4%;
padding-right 4%
}

.x-main.full
{
padding-left: 4%;
padding-right: 4%;
}    
}

@media only screen and (max-width: 1200px) {

.x-main.full
{
padding-left: 4%;
padding-right: 4%;
}  

#SITE-HEADER {
padding-left: 4%;
padding-right: 4%
}
}   



/* Tablet screens */

@media only screen and (max-width: 979px) {

.x-main.full
{
padding-left: 4%;
padding-right: 4%;
}

.x-anchor-content {
margin-top: 17px;
}
    
#MOBILE-MENU-anchor-toggle
{
display: block;
}

#DESKTOP-MENU
{
display: none;
}    
}


/* Small Tablet screens */

@media only screen and (max-width: 767px) {

/* Content Padding */    


.x-main.full
{
padding-left: 4%;
padding-right: 4%
}

#PAGE-HEADING {
padding-bottom: 2%   
    }

/* Footer */
    
#CONTACT-ME {
color: black;
font-size: 15px;
font-family: 'Montserrat C 65';
padding-left: 4%;
}

#VISIT-THE-SITE {
color: black;
font-size: 15px;
align-content: left;
padding-left: 4%;
padding-right: 4%;
}
}






/* Mobile screens */

@media only screen and (max-width: 480px) {

/* Header Alterations */

.x-anchor-content {
margin-top: 17px;
}
    
h1, #TITLE {
font-size: 30px;
}

h2, #SUBTITLE, #BUTTON {
font-size: 20px !important;
padding-bottom: 4%
}
    
#PAGE-HEADING {
padding-bottom: 3%;
padding-top: 10%;
}
    
 
/* Content Padding */
    
#SITE-HEADER {
padding-left: 4%;
padding-right: 4%
}

.x-main.full
{
padding-left: 4%;
padding-right: 4%
}
    
.x-container.max.width.offset
{
max-width: 1200px;
width: 100%;
}

.x-container.max.width
{
max-width: 1200px;
width: 100%;
padding-left: 0%;
padding-right: 0%
}
    
    
/* REVIEW SLIDER */
    
.SHOW {
display: block;
letter-spacing: 3px;
font-size: 18px;
}

.STARS {
display: block;
color: lightblue;
padding-top: 1%;
padding-bottom: 1%;
font-size: 40px;
}

.QUOTE {
display: block;
font-size: 16px;
}

.SOURCE {
display: block;
padding-top: 1%;
font-size: 14px;
}
    
.x-off-canvas-content {
padding: 6% !important;
}

.x-off-canvas-close {
font-size: 4em !important;
width: calc(1em * 1) !important;
height: calc(1em * 1) !important;
}

/* Info Page Style */
    
#INFO-MOBILE-BUTTON {
display: block !important;
padding-bottom: 30px;
font-size: 24px;
}

/* Footer */
    
#CONTACT-ME {
color: black;
font-size: 15px;
font-family: 'Montserrat C 65';
padding-left: 4%;
}

#VISIT-THE-SITE {
color: black;
font-size: 15px;
align-content: left;
padding-left: 4%;
padding-right: 4%;
}
}





@media only screen and (max-width: 320px) {

h2, #SUBTITLE, #BUTTON {
letter-spacing: 2px !important;
padding-bottom: 4%;
}
    
.x-anchor-text-primary {
font-size: 20px !important;
}
}