/*

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

*/

/* Fixes menu arrow bug */
.x-navbar .desktop .x-nav li>a>span:after {
font-size: 10px !important;
}

/* Replaces bullet points with hearts */
div.entry-wrap li {
list-style-image: url(http://gettingnaked.com.au/wp-content/themes/x-child/images/2017-assets/Heart-Bullet1.png)!important;
}


/* Overwrites across site */
h3 {
	letter-spacing: 2px;
	line-height: 1.6;
	padding-bottom: 14px;
}

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

h3 {
/*	font-size: 160%; */
}

}

/* h3 throughout site - Grey added all this h3 stuff */
h3 {
    font-family: "Pacifico";
    font-style: normal;
    font-weight: 400;
}
@media screen and (min-width: 768px) {
h3 {
    font-size: 200%; /* !important; */
    line-height: 1.3 !important;
    letter-spacing: 0.0em !important;
    margin-top: .5em !important;
}
}
@media screen and (max-width: 767px) {
h3 {
    font-size: 200%; /* !important; */
    line-height: 1.2 !important;
    letter-spacing: 0.0em !important;
    margin-top: .5em !important;
}
}








/* Overwrites for the Footer */

/* .footer-top {
    height: 12px !important;
		padding-top: 0px !important;
		padding-bottom: 0px !important;
}
*/

.x-colophon.bottom {     /* Grey added this bit */
    padding: 0 0 0 0;
}

div.x-colophon-content {
margin: 30px 0 0 0 !important;    /* <<< Grey added this line */
margin-bottom:0px!important;
}

footer .x-container.width {
   width: 100%!important;
   max-width: 100%;          /* <<< Grey added this line */

    background-image: url(http://gettingnaked.com.au/wp-content/themes/x-child/images/2017-assets/mailchimp-top-stitches.png) !important;
	background-color: #75c5e4;
    background-repeat: repeat-x !important;



}

#top footer div {
 /* background-color: #75c5e4; */
 /* border-top-left-radius: 5px;     <<< Grey added then removed this line */
 /* border-top-right-radius: 5px;    <<< Grey added then removed this line */
}

#top footer div p {
        font-size: 20px;               /* <<< Grey added this line */
        font-family: Josefin Sans;     /* <<< Grey added this line */
        letter-spacing: 0;             /* <<< Grey added this line */
        margin: 0.5em 0 2em 0;         /* <<< Grey added this line, then changed bottom margin from 1em to 2em */
        font-weight: 800;              /* <<< Grey added this line */
}

#social-bottom-buttons table {
	width: 160px;
	margin: auto;
}


/* Overwrites for the Books/Depression/Jade Egg Heading */
.books-depression-jade-egg {
	font-family: Pacifico;
	font-size: 150%; /* <<<< Grey changed this from 224% to 150% */
	
}

.books-depression-jade-egg span {
	color: black;
	
}
@media screen and (max-width: 767px) {
	.books-depression-jade-egg {
		font-family: Pacifico;
		font-size: 150%; /* <<<< Grey changed this from 150% to 130% */
	
	}

}
.books-depression-jade-egg-text {
	
	font-size: 100%; /* <<<< Grey changed this from 128.5% to 100% */
	font-weight: 400;
	color:black!important;	
}


#featured-on-image {
	padding-bottom:10px;
}

/* Overwrites for Renew's table borders and alignment*/
 table td {
	border-top: 0px solid #ffffff !important;
	text-align: center;
}

/* Overwrites for the TV Overlay */
#container-wpb {
	margin: auto;
}

/* Overwrites for the Nav Bar Spacing */

.x-navbar .desktop .x-nav li a:not(.x-btn-navbar-woocommerce) {
    padding-left: 7px !important;
    padding-right: 7px !important;
}

/* Overwrites for the Optin Monster Hello Bar */

#om-footer-sleek-body {
	background-image: url(http://gettingnaked.com.au/wp-content/themes/x-child/images/hello-bar.png);
	background-color: transparent !important;
	background-repeat: repeat-x;
	height: 140px;
}

#om-elwz1v46ox-footer {
	background-color: transparent !important;
}

@media screen and (min-width: 1226px) {
	html div#om-elwz1v46ox-footer #om-footer-sleek-body {
		padding: 56px 0 !important;
	}
}

@media screen and (max-width: 1225px) {
	html div#om-elwz1v46ox-footer #om-footer-sleek-body {
		padding: 40px 0 !important;
	}
}

#om-footer-sleek-optin-submit {
color: #323431 !important;
    background-color: f0cfe2 !important;
    border-color: #f0cfe2 !important;
    font-family: Pacifico !important;
	background: #f0cfe2 !important;
    border: 1px solid #323431 !important;
    text-shadow: 0 0.075em 0.075em rgba(0,0,0,0.5) !important;
    box-shadow: 0 0 0 0 #323431,0 0px 0px rgba(0,0,0,0.75) !important;
    border-radius: 0.25em !important;
}

#om-footer-sleek-optin-title span {
font-family: Pacifico !important;
}


/* Overwrites for the Events widget in the sidebar */

div.event-title h3 {
	/* font-family: Quicksand; */
	font-size: 100% !important; /* <<<< Grey changed this from 1.17em to 100% */
	font-weight:800;
}

.event-list .start-date, .event-list .end-date {
    background-color: #fffaeb !important; /* <<< Grey changed this to #fffaeb, used to be #fcfadc */
}

#upcoming-events-header {
	margin-top: 300px;
}

#event_list_widget-3 a {
	font-family: Pacifico;
	font-size: 100%; /* <<<< Grey changed this from 128.5% to 100% */
	color:black!important;	
}

@media screen and (max-width: 767px) {
	div#event_list_widget-3.widget.widget_event_list_widget {
	text-align: center;
	}
}

@media screen and (max-width: 767px) {
	.event-date {
	margin-left: 20%!important;
	}
}


/* Overwrites for the Apricot Recent Posts Widget */

#recent-post-widget {
	background-color: #fae7e1;
	padding: 5px 40px 15px 40px;   /* <<< Grey changed the third number to 15px, it used to be 10px >>> */
    border-top-left-radius: 5px;   /* <<< Grey added this line */
    border-top-right-radius: 5px;  /* <<< Grey added this line */
}

#recent-posts-top-frills {
	background-image: url(http://gettingnaked.com.au/wp-content/themes/x-child/images/apricot-frills.png);
	width: 100%;
	height: 40px;
}

#recent-post-widget h3 {
    text-align: center;                 /* <<< Grey added this line */
    padding-bottom: 20px!important;
    margin-top: 22px;             /* <<< Grey added this line */
    margin-bottom: 8px;           /* <<< Grey added this line */
    font-size: 170%;              /* <<< Grey added this line */
}

#recent-post-top ul li a img.rpwe-thumb {
	border-radius: 50%;
	border: 2px solid #FFFFFF !important; /* <<< Grey changed this to #FFFFFF, it used to be #cff6ec */
}

div#recent-post-top.rpwe-block h3 {
    font-family: Josefin Sans !important; /* <<< Grey added this line */
    font-weight: 800;
	font-size: 100%!important;
	text-align: center!important;
	/* padding-bottom: 10px!important; */
}


div#recent-post-top.rpwe-block {
	background-color: #ffffff;
	padding: 25px;
	border-radius: 5px; /* <<< Grey changed this to 5px, was 10px */
}

#recent-post-top ul li div.rpwe-summary {
	text-align: center;
	font-size: 80%;      /* <<< Grey changed this from 16px to 100% */
}

div#recent-post-top.rpwe-block li {
	border-bottom: 0px solid #fff !important;
	margin-bottom: 0px !important;
	padding-bottom: 0px !important; /* <<< Grey changed this to 0px, it used to say 10 px */
}

#recent-post-top ul {
	margin: 0px !important;
}

/* Overwrites for the Bottom Recent Posts Widget */

div#recent-post-widget-bottom {
	/* padding-left:200px; */
}

#recent-post-widget-bottom h3 {
        padding-bottom: 20px!important;
        font-size: 170%;        /* <<< Grey added this line */
}


div#recent-post-bottom.rpwe-block h3 {
	font-family: Josefin Sans !important; /* <<<<< Grey changed this to Josefin Sans, it used to say Quicksand instead */
	font-size: 20px !important;
	font-weight: 800;
	padding: 13px 0px 13px 0px;
        /* text-align: center;     <<< Grey added this line */

}

div#recent-post-bottom.rpwe-block li {     /* Grey added all these four lines */
        border-bottom: 0px solid #eee;
        margin-bottom: 0px;
        padding-bottom: 10px;

}

#recent-post-bottom ul li a img.rpwe-thumb {
	border-radius: 50%;
	border: 2px solid #FFFFFF !important; /* <<< Grey changed this to #FFFFFF, it used to be #cff6ec */
}


/* Overwrites for bike banner on all pages but home */

header.x-header-landmark {
padding-top: 0px;
border: 0px solid #f2f2f2; /* <<< Grey added this line */
}

div.blue-container-none {
background-image: url(http://gettingnaked.com.au/wp-content/themes/x-child/images/on-bike-frills.jpg);
background-color: transparent !important;
background-repeat: repeat-x;
height: 115px;
}


div.x-landmark-breadcrumbs-wrap{
margin-top: 20px;
}

/* Overwrites for the Category Archive */

.x-pagination a, .x-pagination span {
	width: 38px;
	height: 38px;
	line-height: 31px;
	font-size: 24px;
}

.x-pagination ul {
    background-color: transparent;
}

.x-pagination span.current, .x-pagination a.single_page, .x-pagination a.last, .x-pagination a.prev-next {
	background-image: url(http://gettingnaked.com.au/wp-content/themes/x-child/images/pagination-numbers.jpg);
	background-color: transparent;
	font-weight: 400!important;
	font-family: pacifico!important;
	color: #38393b;
}

.x-pagination a.prev-next {
	line-height:37px;
}
div.entry-featured {
	border: none!important;
}

a.entry-thumb {
	background-color: transparent!important;
	width: 20%;
	margin: 0 auto;
	float: left;
	margin-right: 10px;
}


.entry-thumb img {
	border-radius: 50%;
	/* border: 2px solid #cff6ec !important;     <<< Grey removed this */
	display: block;
	margin: 1em auto 1em auto;      /*    <<< Grey changed this from:  0 auto 1.5em */

}


.entry-content.excerpt p {    /* Grey added this section */
    margin-bottom: 2em;
}

.hentry {                    /* Grey added this section */
    margin-top: 3em;
}

.format-standard .entry-title:before {
display:none!important;
}

a.more-link {
	/* font-family:pacifico; */
        font-style: italic;        /* <<< Grey added this */
        margin-left: 2px;          /* <<< Grey added this */
}

#testing {
	border-bottom: 1px dashed #9d9d9d;
}


/* Overwrites for the Blog Content Page */

div.entry-thumb {
	background-color: transparent!important;
	width: 35%;
	margin: 0 auto;
	/* float: left; */
	/* margin-right: 10px; */
}

.awac {
    	padding: 1px 0px 0px 1px; /* was 40px from left when aligned left */
	/* background-image: url(http://gettingnaked.com.au/wp-content/themes/x-child/images/loving-this-content.jpg);    <<< Grey removed this */
	background-color: #cef6ed !important;
	background-repeat: repeat-x;
	/* min-height: 430px;      <<< Grey removed this */
}

#awac-description {
	font-family: Josefin Sans;   /* Grey changed this to Josefin Sans from Pacifico */
}

/* Button Overwrites */
.x-btn, .button, [type="submit"] {
	box-shadow: none!important;
        text-shadow: none !important; /* <<< Grey added this line */
}

div.mc4wp-form-fields > p > input[type="submit"] {
	box-shadow: none!important;
	background: url('https://gettingnaked.com.au/wp-content/themes/x-child/images/subscribe-button.png') no-repeat;
	width:150px;
	height:94px;
	border: none!important;
}

#testing > div > div.awac-wrapper > div > h4 {
	text-align: center;
	font-size: 211.4%;
	margin-top: 1em;
}

div.mc4wp-form-fields{
	text-align: center;
}

div.mc4wp-form-fields > p > input[type="email"] {
    margin: 1.5em auto 1em auto;      /* Grey changed this, it used to say margin: 0 auto; */
    border: 0px;                      /* <<< Grey added this */
    width: 80%;                       /* Grey added this */
    font-weight: 300;          /* GOOGLE FONT PROBLEM addition */
    font-size: 90%;                   /* Grey added this */
}

div.mc4wp-form-fields > p {
	text-align: center;
}

div.mc4wp-form-fields > p > label {
	font-family: Pacifico;
}

/* Addition overwrites after launch */
.sub-menu {
	min-width: 150px!important;
}

.om-close {
	font-size: 20px!important;
	color: red!important;
	font-weight: 800!important;
}


/* Event Widget Overwrites */
.vsel-meta-title {
        text-align: center;                 /* <<< Grey added this line */
	    font-size: 100% !important;       /* <<< Grey added changed this from 110% to 100% */
        font-family: Pacifico !important;  /* <<< Grey added this line */
        color: #3e3f3e !important   /* <<< Grey added this line */
}

.vsel-meta p {
    text-align: center;                 /* <<< Grey added this line */
	margin: 0 !important;
    font-size: 90% !important;    /* <<< Grey added this line */
}

.vsel-content {
    text-align: center;                 /* <<< Grey added this line */
	padding: 15px !important;
	background: #f7f7f7; /* <<< Grey changed this to #f7f7f7, after changing it to #fffaeb, used to be #fbfadc */
	border-radius: 10px; /* <<< Grey changed this from 15px to 10px */
    border-bottom: 0px solid #ccc !important; /* <<< Grey added this line */
}

.h-widget {
        font-family: Pacifico !important;   /* <<< Grey added this line */
        color: #3e3f3e !important;          /* <<< Grey added this line */
        text-align: center;                 /* <<< Grey added this line */
      */  font-size: 130% !important;          <<< Grey added this line, then took it out */

}


/* Grey's further overwrites */

/* Menu bar forced font weight 300 due to GOOGLE FONT PROBLEM addition */
.x-navbar .x-nav-wrap .x-nav > li > a {
    font-weight: 300 !important;
}

/* p throughout site */
p {
   letter-spacing: 0.1px;
/*  text-align: center;    */
}

/* Landmarks on all pages except home */
.h-landmark, .entry-title.h-landmark {
    letter-spacing: 0em;
}

/* h2 throughout site */
h2 {
    margin: 0.5em 0 0.5em 0;
}


/* h4 throughout site */
h4 {

    /* font-family: "Josefin sans" !important; */
    /* color: #ff99b6 !important; */
}

/* h5 throughout site - most of this isn't working, and I can't work out why :(  - the main problems are size and colour */
h5 {
    color: #ff99b6 !important;
    font-size: 140% !important;
    font-weight: 300 !important;
    font-family: "Josefin Sans",sans-serif !important;
    line-height: 1.3 !important;
    margin-top: .5em !important;
    letter-spacing: 0em;
}

/* h6 throughout site */
h6 {
     font-size: 170%;
     text-transform: none;
     margin: 1em 0 1em 0;
}

/* shop amount of products listed on page */
.woocommerce-result-count {
    border: 0px solid #e5e5e5 !important;
    font-size: 100% !important;
    margin: 0 0 0 0 !important;
}

/* shop button to select product display order */
.woocommerce-ordering select {
    font-size: 100% !important;
    border: 0px solid #A6A6A6 !important;
    background-color: #fff7df;
    font-weight: 300;    /* GOOGLE FONT PROBLEM addition */

}

/* shop product images */
.woocommerce div.product .images .x-img-thumbnail {
    padding: 6px;
    border: 0px solid #e5e5e5;
}

/* shop product title font, but does not apply to individual product pages */
.woocommerce li.product .entry-header h3 {
          font-family: Josefin Sans !important;
          font-weight: 300;    /* GOOGLE FONT PROBLEM addition */
}

/* shop images */
.woocommerce li.product .entry-featured img {
border-radius: 10px;
}

/* shop images add to cart button */
.woocommerce li.product .entry-header .button {
text-shadow: 0 0em 0em rgba(0,0,0,0);
}

/* text boxes */
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border-radius: 0px !important;
    border: 1px solid #ddd;
    font-weight: 300;    /* GOOGLE FONT PROBLEM addition */
}

/* add to cart buttons throughout sight - couldn't get this to work */
 /* product woocommerce add_to_cart_inline p {
    text-align: center;
} */



/******** Pat - Mailchimp Signup Region ********/
    
.mailchimp-top {
    background-image: url(http://gettingnaked.com.au/wp-content/themes/x-child/images/2017-assets/mailchimp-top-stitches.png) !important;
    background-repeat: repeat-x !important;
    height: 12px !important;
		padding-top: 0px !important;
		padding-bottom: 0px !important;
}

.mailchimp-middle, .mailchimp-thin-middle {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.mailchimp-middle a, .mailchimp-thin-middle a{
	color: #bfffe2;   /* Grey changed to #bfffe2 from #ccfde7 */
}

.mailchimp-middle a:hover, .mailchimp-thin-middle a:hover {
	color: #f3f9cc;
}

#home-page-signup-column {
	padding:20px;
}

/* Changes the mix image depending on the view */

@media screen and (min-width: 768px) {
	.square-bike-homepage {
		display: none;	
	}
	.mailchimp-middle {
		background-image: url(http://gettingnaked.com.au/wp-content/themes/x-child/images/2017-assets/bike-background-darker-blue-greys-edit-3.jpg) !important;	
	}
}

@media screen and (max-width: 767px) {
	.mailchimp-middle {
		background-image: none !important;	
	}
	.square-bike-homepage {
		display: inline;
        margin: 0 0 0 0      /* <<< Grey added this  */	
	}
}

/* End changes the mix image depending on the view */

@media screen and (min-width: 950px) {
  .mailchimp-middle p, .mailchimp-thin-middle p {
/*	 font-size: 120% !important;   <<< Grey took this out */ 
	 vertical-align: middle !important;
	 line-height: 1.5 !important; /* <<< Grey changed this from 1 to 1.5 */
     margin: 1em 0 1em 0;        /* <<< changed this from 0 !important to 1em 0 1em 0 */
/*   padding: 25px !important;     <<< Grey took this out */
     color: white;               /* <<< Grey added this line */
  }
}

@media screen and (max-width: 949px) {
  .mailchimp-middle p, .mailchimp-thin-middle p {
/*	 font-size: 100% !important;   <<< Grey took this out */ 
	 vertical-align: middle;
	 line-height: 1.5 !important; /* <<< Grey changed this from 1 to 1.5 */
     margin: 1em 0 1em 0;        /* <<< changed this from 0 !important to 1em 0 1em 0 */
/*   padding: 20px !important;     <<< Grey took this out */ 
     color: white;               /* <<< Grey added this line */
  }
}

.mailchimp-red-text {
	font-size: 110% !important;
	color: #731219 !important;
  font-family: "Indie Flower",cursive !important;
  font-style: normal !important;
  font-weight: 400 !important;
}

.mailchimp-middle form, .mailchimp-thin-middle form {
	margin: 0px !important;
}

.mailchimp-middle form input[type="email"], .mailchimp-thin-middle form input[type="email"] {
/*    margin-bottom: 0px !important;    <<< Grey took this out */
    margin: 7px 7px 7px 7px;         /* <<< Grey put this in */
    border: 0px;                     /* <<< Grey took important out */
/*    font-size: 15px !important;       <<< Grey took this out */
    width: 55%;                      /* <<< Grey took important out */
}



@media screen and (max-width: 767px) {
	.mailchimp-middle form input[type="email"], .mailchimp-thin-middle form input[type="email"] {
		font-size: 80% !important;
		font-family: "Josefin Sans",sans-serif 	!important;
        width: 70%;                  /* <<< Grey added this line */
        font-weight: 300;       /* GOOGLE FONT PROBLEM addition */
	}
}
@media screen and (min-width: 768px) {
	.mailchimp-middle form input[type="email"], .mailchimp-thin-middle form input[type="email"] {
		font-size: 90% !important;
		font-family: "Josefin Sans",sans-serif 	!important;
        font-weight: 300;       /* GOOGLE FONT PROBLEM addition */
	}
}

.mailchimp-bottom {
    background-image: url(http://gettingnaked.com.au/wp-content/themes/x-child/images/2017-assets/mailchimp-bottom-frills.png);
    background-color: transparent !important;
    background-repeat: repeat-x;
    height: 80px;
		padding-top: 0px !important;
		padding-bottom: 0px !important;
}


/* Thin Banner Overwrites */

@media screen and (min-width: 768px) {
	.square-bike-thin {
		display: none;	
	}
	.mailchimp-thin-middle {
  /* background-image: url(http://gettingnaked.com.au/wp-content/themes/x-child/images/2017-assets/bike-thin.jpg) !important; */
     background-image: url(http://gettingnaked.com.au/wp-content/themes/x-child/images/2017-assets/bike-thin-greys-edit-3.jpg) !important;
	}
}

@media screen and (max-width: 767px) {
	.mailchimp-thin-middle {
		background-image: none !important;	
	}
	.square-bike-thin {
		display: none;
	}
}

/* iFrame 100% Overwrite */
.entry-content iframe {
	width:500px !important;
}

/* Centers add to cart button on pages like http://gettingnaked.com.au/remarkable-relationships/ */
p.product.woocommerce.add_to_cart_inline {
	text-align: center !important;
}