/*
Theme Name: aidanprice
Description: aidanprice is a custom responsive theme created for the Aidan's family
Author: Sharon Colombo
Author URI: http://www.colombodesigns.com
Version: 1.0
Tags: single column, two columns, three columns, custom headers, valid XHTML, valid CSS
*/
/* CSS Document */
/* Set all margins and padding to zero */
* {margin: 0; padding: 0}
body 
{
    background-color: #ffffff; 
    color: #333333;  
    font-family: 'Cabin', sans-serif; 
    font-weight: 400;
    font-size: 100%;
}
html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
* 
{
    margin: 0;
    padding: 0;
}
img
{
  border: none;
  max-width: 100%;
  height: auto;
}
.wrapper { width: 100%;float:left;overflow:hidden;}
.wrapper.topmargin, .photos.topmargin { padding-top: 40px;}
.wrapper.bottommargin, .photos.bottommargin { padding-bottom: 40px; }
.fullwidth.row { max-width:1200px;margin:auto;width:92%;padding:0 4%;}
.stories .fullwidth.row { max-width: 1000px; }
.row
{
  clear: both;
  overflow: hidden;
}
.header {
    border-bottom: 1px solid #bababa;
    padding-bottom: 30px;
    margin-bottom: 5px;
}

#mobilemenubutton
{
  display: none;
}
#menu ul.main-menu
{
  display: block;
}
#menu
{
  overflow: visible;
  float: left;
  clear: both;
  padding-top: 0px;
  width: 100%;
  height: 60px; 
  margin: 0 auto;
  position: relative;
}
#menu ul.main-menu
{
  width: auto;
  padding: 0 0 0 0;
  height: 60px;
  overflow: visible;
  float: none;
  text-align: center;
}
#menu ul.main-menu li
{
  list-style-type: none;
  display: inline-block;
  width: auto;
  height: 60px;
  padding: 0px 0px;
  text-align: center;
  position: relative;
}
#menu ul.main-menu li a {
    color: #333333;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    text-decoration: none;
    text-transform: uppercase;
    margin: 20px 30px;
    padding-bottom: 5px;
}
#menu ul.main-menu li a:hover,
#menu ul.main-menu li.current-menu-item a {
  border-bottom: 1px solid #bababa;
}

ul.innermenu {
    text-align: center;
    list-style: none;
}
ul.innermenu li {
  list-style-type: none;
  display: inline-block;
  width: auto;
  height: 60px;
  padding: 0px 0px;
  text-align: center;
  position: relative;
}
ul.innermenu li a {
    color: #333333;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    text-decoration: none;
    text-transform: uppercase;
    margin: 20px 30px;
    padding-bottom: 5px;
}
ul.innermenu li a:hover {
  border-bottom: 1px solid #bababa;
}

.audiowrapper {
    max-width: 500px;
    margin: auto;
    padding: 20px 0 25px;
}
.videowrapper {
    clear: both;
    float: none;
    height: 0;
    margin: 0 0 20px;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%;
}

.videowrapper > iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.scroll { display: none; }
.page-id-143 .scroll { display: block; }

.back-to-top {
    background-color: #666666;
    color: #FFFFFF !important;
    opacity: .5;
    transition: opacity .6s ease-in-out;
    z-index: 999;
    position: fixed;
    right: 10px;
    bottom: 20px;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    border-radius: 50%;
    text-decoration: none !important;
}
a.back-to-top {
    font-weight: 1000;
    letter-spacing: 2px;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
    padding-left: 2px;
    padding-top: 14px;
}


.half { width: 48%; padding: 0 0; float: left;}

.half.first
{
  padding: 0 4% 0 0;
}

.onethird {
    float: left;
    width: 30%;
    padding-bottom: 50px;
}
.onethird.last {
  padding-left: 5%;
  width: 30%;
  float: right;
  padding-bottom: 10px;
}
.onethird img.alignnone {
    max-width: 99%;
}
.twothirds {
    float: left;
    width: 65%;
}
.twothirds.last {
  padding-left: 5%;
  width: 65%;
} 

.third
{
  width: 30%;
  padding: 0px 0px 0px 5%;
  float: left;
}
.third.first
{
 padding: 0;
}




.videowrapper {
    clear: both;
    float: none;
    height: 0;
    margin: 0 0 20px;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%;
}
.videowrapper > iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.row.excerpt
{
  padding-bottom: 30px;
}
.readmore {
    font-size: 26px;
    line-height: 36px;
}


h1 {
    font-family: 'Playfair Display', serif;
    font-size: 52px;
    line-height: 58px;
    text-align: center;
    padding: 10px 0 25px;
    margin: 0;
    font-weight: 400;
}
.header h1 { padding-top: 35px; }
h2 { font-weight: 400; font-family: 'Playfair Display', serif; font-size: 44px; line-height: 52px; padding: 0 0 25px 0; margin: 0;}
h3 { font-weight: 400; font-family: 'Playfair Display', serif; font-size: 32px; line-height: 38px; padding: 0 0 20px 0; margin: 0;}
h4 { font-size: 24px; line-height:30px; font-weight: 400; margin: 0; padding: 0 0 15px 0;}
p { font-size: 20px; line-height:26px; margin: 0; padding: 0 0 15px 0;}
p.center { text-align: center; }
a { color: #333333;font-weight:400;}

.header h1 a {
    font-weight: 400;
    text-decoration: none;
}

.excerpt h2 a {
    text-decoration: none;
    font-weight: 400;
    font-size: 44px;
}

.excerpt h2 {
    padding-top: 100px;
}
.even { text-align: right; }
.readmore {
    font-size: 56px;
    line-height: 56px;
}

p.byline {
    font-size: 16px;
    color: #999999;
	line-height: 22px;
}

.photos {
    width: calc(100% - 10px);
    float: left;
    padding: 0px 5px 0px;
}
.photos img { width: calc(25% - 10px);float:left;padding:5px; }




img.alignright {
    float: right;
    max-width: 45%;
    margin: 0 0 20px 25px;
}
img.alignleft {
  float: left;
  max-width: 45%;
  margin: 0px 25px 20px 0px;
}
p.wp-caption-text {
    font-size: 16px;
    color: #999999;
    padding-bottom: 0;
}
.wp-caption.alignright {
    float: right;
    max-width: 40%;
    margin: 10px 0 0px 35px;
}
.wp-caption.alignleft {
    float: left;
    max-width: 40%;
    margin: 10px 35px 0px 0px;
}
.story {
    float: left;
    width: 50%;
	padding: 50px 0;
}

img.wp-post-image {
    float: left;
    max-width: 45%;
    margin: 50px 5% 10px 0;
}
.odd img.wp-post-image { max-width: 50%; }
.even img.wp-post-image {
	max-width: 50%;
    float: right;
    margin: 50px 0 10px 5%;
}

div#nextprevwrap {
    font-size: 18px;
	line-height: 24px;
    padding: 10px 0 0 0;
}

span#prevlink {
    float: left;
    display: inline-block;
    width: 50%;
	padding-bottom: 20px;
}
span#prevlink a:before {
    content: '\f177';
    font-family: 'FontAwesome';
    padding-right: 6px;
}
span#nextlink {
    float: right;
    width: 50%;
    display: inline-block;
    text-align: right;
	padding-bottom: 20px;
}
span#nextlink a:after {
    content: '\f178';
    font-family: 'FontAwesome';
    padding-left: 6px;
}
span#prevlink a,
span#nextlink a,
span#prevlink a:hover,
span#nextlink a:hover { text-decoration: none; }


p.accordionHead {
    border-top: 1px solid #333333;  
    cursor: pointer;
    padding: 10px 0px;
}
p.accordionHead > a:hover {
   text-decoration: none;
}
.white p.accordionHead i {
    color:  #333333;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 22px;
    line-height: 24px;
    padding: 1px 0;
}
.resource {
    overflow: hidden;
    padding: 0;
}

.bottomborder
{
  border-bottom: 1px solid #333333;  
}


.wrapper.footer {
    border-top: 1px solid #bababa;
	margin-top: 5px;
}
.footer p {
    text-align: center;
    font-size: 15px;
    padding-bottom: 5px;
	color: #999;
}


.footer .fullwidth {
  padding: 50px 4%;
}

@media (max-width: 850px) {
	.header { padding-bottom:20px; }
	.header h1 { font-size: 40px;padding: 35px 0 15px;}
	#menu ul.main-menu li a {
		font-size: 16px;
		margin: 20px 15px;}
	
}



/* TABLET WIDTH */
@media (max-width: 768px) {
.story {
    width: 100%;
    padding: 20px 0;
}	
img.wp-post-image {
    float: left;
    max-width: 65%;
    margin: 50px 0 10px 0;
}	
.row.excerpt {
    padding-bottom: 20px;
}	
.excerpt h2 {
    padding-top: 50px;
	line-height: 38px;
}
.excerpt h2 a {
    font-size: 38px;
}
.excerpt p { font-size: 16px; line-height: 24px; }
.odd img.wp-post-image{
    margin: 40px 5% 10px 0;
}
.even img.wp-post-image {
    margin: 40px 0 10px 5%;
}

.half
{
  width: 100%;
}
.half.first
{
  padding: 0;
}

.third, .third.first
{
  width: 100%;
  padding: 0 0 0;
}

.onethird,
.twothirds
{
  width: 100%;
  padding: 0 0 10px 0;
}
.onethird.last,
.twothirds.last
{
  width:  100%;
  padding: 0 0 20px 0;
}	
}


@media (max-width: 625px) {

	.header { padding: 10px 0px; }
	.header h1 {
    font-size: 40px;
    padding: 15px 0;
    text-align: left;
    width: calc(100% - 80px);
    float: left;
    line-height: 45px;
}
#mobilemenubutton {
    display: block;
    float: right;
    width: 50px;
}
#mobilemenubutton a::before {
    color: #333333;
    font-size: 32px;
    line-height: 120px;
    display: inline-block;
}
#mobilemenubutton a {
    background-clip: padding-box;
    background-color: transparent;
    border-radius: 0;
    color: transparent;
    display: block;
    float: left;
    font-size: 0;
    height: 120px;
    overflow: hidden;
    text-align: center;
    width: 60px;
    line-height: 120px;
}
#menu {
  height: auto;
}
#menu ul.main-menu {
  height: auto;
  padding: 0px 0px 10px 0px;
  display: none;
  float: right;
  width: 100%;
}
#menu ul.main-menu li {
    width: 100%;
    padding: 0;
    display: block;
    float: right;
    text-align: right;
    height: auto;
}
#menu ul.main-menu li a {
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    padding: 0px 0px;
    text-align: right;
    width: auto;
	margin: 5px 0;
	border-bottom: 1px solid #ffffff;
}	
	
.photos img {
    width: calc(50% - 10px);
	}
	
img.alignright,
.wp-caption.alignright{
    margin: 0 0 10px 15px;
}

img.alignleft {
  margin: 10px 15px 10px 0;
}

.wrapper.topmargin, .photos.topmargin { padding-top: 30px;}	
.wrapper.bottommargin, .photos.bottommargin { padding-bottom: 30px; }	

.even img.wp-post-image,
.odd img.wp-post-image {
    margin: 40px 0 0 0;
    float: none;
	max-width: 70%;
}	
.excerpt h2 {
	padding-top: 20px;}
.even {
    text-align: left;
}	
}
@media (max-width: 550px) {
 img.alignright,
 img.alignleft,
 .resource img.alignright,
.wp-caption.alignright,
.wp-caption.alignleft {
    float: none;
    max-width: 100%;
    margin: 0 0 10px;
}
	
}

@media (max-width: 450px) {
.photos img {
    width: calc(100% - 10px);
}
	.home .photos img { width: calc(50% - 10px);}
.header h1 {
    font-size: 32px;
    line-height: 36px;
}
#mobilemenubutton a::before {
    line-height: 102px;
}
#mobilemenubutton a {
    height: 102px;
    line-height: 102px;
}
img.wp-post-image {
    max-width: 100%;
    margin: 30px 0 10px 0;
}		
.even img.wp-post-image,
.odd img.wp-post-image {
    margin: 30px 0 0 0;
	max-width: 100%;
}	
}