/*
Theme Name: Mason
Description: Website for Wells Mason
Author: Stephanie Meyer
Author URI: http://www.envision-creative.com/
*/


/* Browser Reset */
html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dd, dl, dt, li, ol, ul, fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td 
	{
		margin: 0; padding: 0; border: 0 none;
		font-style: inherit; font-size: 100%; line-height: 1.5;	text-align: left;
		vertical-align: baseline; background: transparent;
	}
	
	a img, :link img, :visited img { border: 0; }
	
	:focus { outline: 0; } /* Removes Outline in FF */
	
	/* Tables still need 'cellspacing="0"' in the markup */
	
	table { border-collapse: collapse; border-spacing: 0; }
	
/* End of Reset */

.clear:after 
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.center_text { text-align: center; }

.screen-reader-text { display: none; }

html { -webkit-text-size-adjust: none; }

h1, h2, h3, h4, h5, h6 { font-family: 'Raleway', Arial, Helvetica, san-serif; font-weight: 100; margin-bottom: 10px; padding-top: 5px; font-weight: normal; color: #717172; }
h1 { font-size: 2em; margin-bottom: 15px; text-transform: uppercase; padding-top: 0; }
h2 { font-size: 1.85em; }
h3 { font-size: 1.7em; }
h4 { font-size: 1.6em; }
h5 { font-size: 1.5em; }
h6 { font-size: 1.5em;  }
h1 strong { font-weight: 600; }
h2 strong { font-weight: 600; }
h3 strong { font-weight: 600; }
h4 strong { font-weight: 600; }
h5 strong { font-weight: 600; }
h6 strong { font-weight: 600; }

p { font-size: 1.4em; margin-bottom: 7px; color: #717172; -webkit-text-size-adjust: none; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 300; }

a { text-decoration: none; color: #ce9256; }
a:hover { text-decoration: underline; }

em { font-style: italic; }

sup { font-size:.7em; vertical-align:top;  }

hr { background: none!important; border: none; border-bottom: 1px solid #e6e6e6; margin-bottom: 25px; }

p strong { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 500; }

body 
{
	color: #000000;
	background: #ffffff url(images/bg.jpg) no-repeat top center;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 300;
	font-size: 62.5%;
}

header, #body, footer { width: 100%; float: left; }
#header_container, #body_container, #footer_container { width: 960px; margin: 0 auto; }

header { height: 161px; }

	#header_container { height: 160px; }

	.home #header_container h1, #header_container h2 { margin: 0; float: left; }

	.home #header_container h1 a, #header_container h2 a { display: block; width: 260px; height: 160px; background: url(images/logo.png) no-repeat; text-indent: -9999px; overflow: hidden; margin: 0; }
	
	#topnav { float: right; clear: right; }

		#topnav li { float: left; list-style: none; margin-left: 45px; }
		#topnav li:first-child { margin-left: 0; }
		#topnav li a { font: 1.8em 'PT Sans Narrow', Arial, Verdana, Helvetica, sans-serif; font-weight: 400; text-transform: uppercase; display: block; color: #8d6f35; padding: 74px 0 0; }
		#topnav li a:hover, #topnav li.current_page_item a, #topnav li.current-page-ancestor a, #topnav li.current-page-parent a { text-decoration: none; background: url(images/nav.png) no-repeat center top; }
		#topnav li.current_page_item ul li a { color: #7f7f7f; }
		
	#searchform { float: right; width: 167px; margin-top: 25px; }
	
		.assistive-text { display: none; }
		#s { width: 133px; height: 26px; padding: 0 0 0 10px; float: left; font-size: 1.3em; border: none; }
		#searchsubmit { width: 24px; height: 29px; background: url(images/searchsubmit.png) no-repeat top; text-indent: -9999px; border: 0; cursor: pointer; float: left; color: transparent; }
		#searchsubmit:hover { background-position: bottom; }
	
	.uds-bb-playpause, .uds-bb-position-indicator-bullets { display: none; }
	
#body
{

}

	#body_container { border-top: 1px solid #e1e1e1;  }
	.home #body_container { border-top: none; }

	#content
	{
		float: right; min-height: 500px;
		width: 550px; margin: 30px 30px 50px;
	}
	
	.home #content { min-height: inherit; }
	
	.tax-portfolio-category #content, 
	.page-template-template-all-portfolio-php #content, 
	.page-template-template-portfolio-php #content, 
	.page-template-template-purchase-portfolio-php #content, 
	.single-portfolio #content { 
		width: 701px; margin-right: 0; 
	}
	
		#content img { max-width: 550px; height: auto; } /****** SAME AS #content WIDTH ******/
	
		#content ul, #content ol { margin: 0 0 12px 15px; padding-top: 4px; }
		#content ul li { margin: 0 0 7px 15px; list-style: disc; }
		#content ul ul, #content ol ol { margin: 6px 0; }
		#content ul ul li { padding-left: 0; list-style: circle; background: none; margin-left: 25px; }
		#content ol li { margin: 0 0 7px 25px; }
		#content ol ol li { list-style: lower-roman; }
		#content ol ol ol li { list-style: lower-alpha; }
				
		#content ul li, #content ol li, #content ul li p, #content ol li p { font-size: 15px; }
		#content ul li h2, #content ol li h2 { font-size: 18.5px; }
		#content ul li h3, #content ol li h3 { font-size: 17px; }
		#content ul li h4, #content ol li h4 { font-size: 16px; }
		#content ul li h5, #content ol li h5 { font-size: 15px; }
		#content ul li h6, #content ol li h6 { font-size: 15px; }
		
		#content table { border: 1px solid #cccccc; margin: 17px 0; width: 100%; }
		#content table td { border: 1px solid #cccccc; padding: 4px 12px; font-size: 1.4em; color: #5a5a5a; }
		#content table thead td { background: #8e8e8e; color: #fff; font-size: 1.6em; }
		
		.page-template-template-about-php #content img { margin-left: -50px; }
		
		#slides { margin-bottom: 20px; width: 100%; }
		
			/*#slide_inner { position: absolute; top: 50%; display: table-cell; vertical-align: middle; }*/
		
			ul#slideshow { margin: 0; padding: 0; }
			ul#slideshow li { display: none; list-style: none!important; margin: 0; padding: 0; }
			
			#single_slide, #slideshow { position: relative; top: -50%; }
			
			#content #slide_inner img { display: block; margin: 25px auto 0!important; width: auto; max-width: 100%; max-height: 800px; position: relative; }
			
		#port_text { width: 520px; float: left; }
		
			#port_info { margin-bottom: 20px; }
				#port_info p { margin-bottom: 0; font: 1.3em 'PT Sans', Arial, Verdana, Helvetica, sans-serif; font-weight: 400; font-style: italic; }
			
		#portfolio nav { border-top: 1px solid #e1e1e1; padding: 20px; }

            .post-nav-link a { font: 1.4em 'Raleway'; line-height: 30px; color: #4b4b4b; opacity: 50%; transition: opacity 0.7s linear; }
            .post-nav-link a:hover { text-decoration: none; opacity: 100%; }
            .post-nav-link .arrow {
                display: block; width: 30px; height: 30px; border-radius: 30px;
            }
            .previous-post-link { display: block; float: left; }
            .next-post-link { display: block; float: right; }
            .previous-post-link .arrow { background: #C9BBA1 url(images/leftarrow.svg) no-repeat center; background-size: 65%; float: left; margin-right: 15px; }
            .next-post-link .arrow { background: #C9BBA1 url(images/rightarrow.svg) no-repeat center; background-size: 65%; float: right; margin-left: 15px; }
		
			/*#prev_link { margin-bottom: 30px; width: 62px; height: 62px; }
			#next_link { width: 62px; height: 62px; }
			#next_link a { display: block; width: 62px; height: 62px; background: url(images/next.png) no-repeat; text-indent: -9999px; overflow: hidden; }
			#prev_link a { display: block; width: 62px; height: 62px; background: url(images/prev.png) no-repeat; text-indent: -9999px; overflow: hidden;  }*/
			
		#content ul#press_items { margin: 0; }
		#content #press_items li { float: left; list-style: none; display: block; width: 100px; height: 129px; margin: 0 16px 20px 10px; position: relative; border: 1px solid #e6e6e6; padding: 4px; }
		#content #press_items li.last { margin-right: 0; }
		#content #press_items a { color: #2b2b2b; }
		#content #press_items a:hover { text-decoration: none; }
		#content #press_items a span { display: block; width: 84px; height: 113px; background-color: #f5f3ed; padding: 8px; position: absolute; top: 4px; left: 4px; opacity: 0; -webkit-transition: opacity .25s ease-in; -moz-transition: opacity .25s ease-in; -ms-transition: opacity .25s ease-in; -o-transition: opacity .25s ease-in; transition: opacity .25s ease-in; }
		#content #press_items a:hover span { opacity: .9; }

	#banner {  }
		
		.uds-bb-position-indicator-bullets { display: block; position: absolute; bottom: 0!important; right: 30px!important; background-color: #ffffff!important; background-image: none!important; width: 80px!important; height: 14px!important; border-radius: 0!important; }
	
			.uds-bb-bullet { display: block!important; background: url(images/banner_dot.png) no-repeat left top!important; width: 8px!important; height: 8px!important; margin: 4px 6px 2px!important; }
			
			.uds-bb-bullet.active { background-position: left bottom!important; }
			
		.uds-bb-prev, .uds-bb-next { display: none!important; }
	
	#sidebar
	{
		float: left;
		width: 172px; padding-bottom: 30px;
	}
	
		#sidebar li { list-style: none; margin-top: 30px; }
		
		#subnav li { margin: 0 0 16px 0; }
		
		#subnav li a { color: #717172; font-size: 1.6em; font-family: 'Raleway', Arial, Helvetica, san-serif; font-weight: 100; padding: 4px 20px 2px 20px; width: 136px; display: block; }
		
		#subnav li.current_page_item a, #subnav li a:hover { background-color: #f5f3ed; color: #000; text-decoration: none; }
		
		#sharethis { padding-top: 16px; border-top: 1px solid #e1e1e1; }
		
			#sharethis p { text-align: center; margin-bottom: 10px; font-size: 1.6em; font-family: 'Raleway', Arial, Helvetica, san-serif; font-weight: 100; color: #848485;  }
			
			#sharethis img { width: 26px; height: 25px; }
			#sharethis span { margin-right: 3px; }
			
			.st_facebook_custom { margin-left: 13px; }
	
footer
{
	  padding: 0 0 20px;
}

	#footer_container {  border-top: 1px solid #e1e1e1; padding-top: 6px;}
	
        .follow { padding: 13px 0 0 31px; width: 50%; float: left; }
        .follow p { color: #4f4f4f; font-size: 1.6em; font-family: 'Raleway', Arial, Helvetica, san-serif; font-weight: 100; }
		.socmedia { display: block; float: left; padding: 6px 0 10px; }
		
			.socmedia li { display: block; float: left; margin-left: 10px;  }
            .socmedia li a { display: block; width: 30px; height: 30px; background: #C9BBA1; position: relative; }
			.socmedia li:first-child { margin-left: 0; }
            .socmedia #fb img { position: absolute; left: 12px; bottom: 0; }
            .socmedia #in img { position: absolute; left: 5px; top: 5px; }
			
		#footer_menu li { border-left: 1px solid #e1e1e1; padding: 13px 31px; float: left; list-style: none; }
		
		#footer_menu li a { color: #4f4f4f; font-size: 1.6em; font-family: 'Raleway', Arial, Helvetica, san-serif; font-weight: 100; }
		
		#copy { float: right; display: block; color: #717172; font-size: 1.6em; font-family: 'Raleway', Arial, Helvetica, san-serif; font-weight: 100; padding-top: 13px; margin-bottom: 15px; }
		
		#contact { float: right; display: block; width: 138px; height: 28px; background: url(images/email.png) no-repeat; text-indent: -9999px; overflow: hidden; clear: right; }

.alignnone {
    margin: 0 15px 15px 0;
}

.aligncenter {
	display: block;
	margin: 0 auto 15px;
}

.alignright {
	float: right;
	margin: 0 auto 15px 15px;
}

.alignleft {
	float: left;
	margin: 0 15px 15px auto;
}

.wp-caption { border: 1px solid #b8b8b8; margin-bottom: 10px; }
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption img { margin: 0 auto; padding: 0; border: none!important; display: block; }
.wp-caption p.wp-caption-text { font-size: 12px; padding: 5px 6px; margin: 0; text-align: center; }

#nav-below { padding-top: 20px; }
.nav-previous { float: right; }
.nav-next a, .nav-previous a { font-size: 1.4em; }
.nav-next a:hover, .nav-previous a:hover { text-decoration: none; color: #58514a; }



	
	#portfolio article {  }
			
	
	#port_single_outer { height: 562px!important; width: 650px!important; position: relative; margin-bottom: 190px; }
	#port_arch_thumb, #port_single_main
	{	
		height: 550px!important; width: 640px!important; padding: 5px; border: 1px solid #bfb9ad; 
		display: table; overflow: hidden; margin-bottom: 15px;
	}
	#port_single_inner { height: 550px!important; width: 640px!important; display: table-cell; vertical-align: middle; overflow: hidden; background: #ffffff; }
	#port_single_inner div.slideshow { width: 620px; margin: 25px auto!important; overflow: hidden; }
	#port_arch_thumb img, #port_single_main img { border: none!important; padding: 0!important; display: block; margin: 0 auto; }
	
	.page-template-template-all-portfolio-php #content ul,
	.page-template-template-portfolio-php #content ul,
	.page-template-template-purchase-portfolio-php #content ul { 
		/* margin: 0; padding: 0 0 20px;  */
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 16px 24px;
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.page-template-template-all-portfolio-php #content ul li,
	.page-template-template-portfolio-php #content ul li,
	.page-template-template-purchase-portfolio-php #content ul li { 
		/* float: left; list-style: none; margin: 0; border: 1px solid #cbcbcb; margin: 25px 28px 3px 0;  */
		list-style: none;
   	margin: 0;
	}
	.page-template-template-all-portfolio-php #content ul li.last,
	.page-template-template-portfolio-php #content ul li.last,
	.page-template-template-purchase-portfolio-php #content ul li.last { 
		/* margin-right: 0;  */
	}
	.page-template-template-all-portfolio-php #content ul li img,
	.page-template-template-portfolio-php #content ul li img,
	.page-template-template-purchase-portfolio-php #content ul li img { 
		display: block; 
	}
	
	
	#portfolio { padding:0 0 20px; width:701px; }
    #portfolio h1 { 
        color: #635c57; 
        padding-bottom: 13px; margin-bottom: 20px;
        border-bottom: 1px solid #e1e1e1;    
    }
	#portfolio .portfolio-item {
		float:left;
		margin: 25px 45px 20px 0;
        border: 1px solid #bfb9ad;
        position: relative;
	}
	#portfolio .last {
		margin-right:0px;
	}
	#portfolio .thumb {
		display:block; line-height: 0;
	}
    .item_title { 
        transition: opacity 0.8s linear; opacity: 0;
        position: absolute; top: 7%; left: 5%; 
        width: 90%; height: 86%; 
        background: rgba(255,255,255, 0.9); 
        color: #717172; font: 1.65em "Raleway"; 
    }
    .item_title:hover { opacity: 1; }
    .item_title span {
        position: absolute;
        width: 95%;
        text-align: center;
        top: 50%; left: 50%;
        transform: translate(-50%, -50%);
    }
	/*#portfolio img { border: none; border: 0; padding: 0!important; margin: 0; }*/

	
#content .ezcol img { max-width: 100%; height: auto; }