/*

 Theme Name:   The James House

 Theme URI:    

 Description:  The James House Theme

 Author:       Sarah Laudenslayer

 Author URI:   

 Template:     twentyfourteen

 Version:      1.0.0

 Tags:         

 Text Domain:  twenty-fourteen-child

*/



/* =Theme customization starts here

-------------------------------------------------------------- */



@media screen and (min-width: 783px){

.header-main, .footer-main {

padding-right: 30px;

padding-left: 30px;

}}

.footer-main{padding-bottom:10px;}



/*CENTER AND REMOVE SIDEBAR START from http://www.wphow2s.com/tutorials/center-twenty-fourteen-theme-and-remove-left-sidebar/*/

@media screen and (min-width: 783px) {

     .primary-navigation,

     .utility-navigation {

         float: right;

         margin-left: 20px;

            }

}

.site {

        margin: 0 auto;

        }

        media screen and (min-width: 1110px) {

    .archive-header,

    .comments-area,

    .image-navigation,

    .page-header,

    .page-content,

    .post-navigation,

    .site-content .entry-header,

    .site-content .entry-content,

    .site-content .entry-summary,

    .site-content footer.entry-meta {

        padding-left: 55px;

            }

                }

            .site-content .entry-header,

.site-content .entry-content,

.site-content .entry-summary,

.site-content .entry-meta,

.page-content {

        max-width: 874px;

        }

        

        .comments-area {

        max-width: 874px;

        }

        

        .post-navigation, .image-navigation {

        max-width: 874px;

        }

        

        .site:before,

#secondary {

        width: 0;

        display: none;

        }

 

.featured-content {

        padding-left: 0;

        }

        

        .site-content, .site-main .widecolumn {

        margin-left: 0;

        }  

        

        .hentry {

        max-width: 900px;

        }

.post-thumbnail img {

        width: 100%;

        }  

	/*CENTER AND REMOVE SIDEBAR END*/

		

		/*SLIDER START*/

		@media screen and (min-width: 783px) {

		.slider-control-paging {

padding-left: 0;

}

.slider .featured-content .entry-header{

padding-left: 30px;

/*Circle Design */

height: 300px;

margin-top: -150px;

top: 50%;

position: absolute;

width: 300px!important;

border-radius: 200px;

padding: 50px;

vertical-align: middle;

left: 400px!important;

/*End Circle Design*/

}



/*circle*/

.slider-control-paging a:before {

border-radius: 6px;

}

/*end circle*/



.slider .featured-content .entry-header, .slider-control-paging {

text-align: center;

position: absolute;

left: 50%;

margin-left: -260px;

}



.slider-control-paging li {

margin: 12px 12px 12px 12px;

display: inline;

float: none;

}



.slider-control-paging a{

display: inline-block;}



.slider-control-paging li:last-child {

margin-right: 12px;

}



a.slider-prev{

left: 0;

}

a.slider-next{

right: 0;

}



.slider-direction-nav{width:100%;

height: 48px;

margin-top: -24px;

top: 50%;

position: absolute;}



ul.slider-direction-nav li a{width: 48px;

position: absolute;}



.slider .featured-content .entry-header, .slider-control-paging {

width: 534px;

}}

		/*SLIDER END*/

		

		/*NAV START*/

		@media screen and (min-width: 783px){



ul li.current-menu-item.menu-item-has-children, ul li.current_page_parent{margin-bottom: 56px;}



		/*.primary-navigation {width: 100%;

position: absolute;}

.primary-navigation ul li:hover > ul, 

.primary-navigation ul li.focus > ul,

.utility-navigation ul li:hover > ul, 

.utility-navigation ul li.focus > ul,

li.current_page_parent ul.sub-menu {left: -45px;}

		ul.sub-menu {width: 100%;}

		.primary-navigation {

float: left;

margin-left: 0;

}

.primary-navigation ul ul,

.utility-navigation ul ul{position: relative;

top: 0;}

.primary-navigation li li,

.utility-navigation li li{float:left; width:auto;}



ul.sub-menu {

list-style-type: none;

display: block;

overflow: hidden;

position: absolute;

z-index: 1;

top: 2em;

left: auto;

right: auto;

}*/



/*.primary-navigation ul li:hover > ul, .primary-navigation ul li.focus > ul, li.current_page_parent ul.sub-menu{left: -999em;}*/



.site-navigation ul{position:relative;}



.primary-navigation ul li,

.utility-navigation ul li{float:left; display:inline-block;}



.utility-navigation {

float: right;

}



.primary-navigation {

float: left;

margin-left: 0;

}

/* changed ul.children to ul.sub-menu */

#primary-navigation ul.sub-menu,

#utility-navigation ul.sub-menu {

position: absolute;

width: 100vw;

text-align:center;}



ul.sub-menu li {float: none;}



.primary-navigation ul li:hover > ul, .primary-navigation ul li.focus > ul,

.primary-navigation ul .current_page_item ul,

.utility-navigation ul li:hover > ul, .utility-navigation ul li.focus > ul,

.utility-navigation ul .current_page_item ul,

li.current_page_parent ul.sub-menu {left: -45px;}





.site, .site-header{max-width:100%;}



.site-header{background-color:transparent;}



.site {

background-color: transparent;}



#main{max-width: 1060px;

margin: 0 auto;

padding: 30px;}



.main-content {

background-color:#FFFFFF;

}



.primary-navigation li,

.utility-navigation li{position: initial;

line-height: 0px;}



.primary-navigation .menu-item-has-children > a:after, .primary-navigation .page_item_has_children > a:after,

.utility-navigation .menu-item-has-children > a:after, .utility-navigation .page_item_has_children > a:after {

content: "";

}



.site-navigation li{border-top:0;}



.primary-navigation ul ul a,

.utility-navigation ul ul a{width:auto;

padding: 18px 0;

margin: 0 12px;}



}

.primary-navigation .menu-item-has-children > a, .primary-navigation .page_item_has_children > a,

.utility-navigation .menu-item-has-children > a, .utility-navigation .page_item_has_children > a {

padding-right: 20px;

}



.primary-navigation a,

.utility-navigation a {



padding:22px 20px 26px 20px;

}

		/*NAV END*/

		

		/*SEARCH START*/

		@media screen and (min-width: 783px){



.search-box-wrapper{top:0;z-index: 9999999;right: 78px;width: auto;}

.search-box{padding-right:0;height:48px;}

			}



@media screen and (min-width: 673px){

.search-box .search-field {

width: 100%;

}}



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

     .header-main {

min-height:0;

}

}

		/*NAV END*/



.site-footer{font-size:100%;}