/*
Theme Name: Portland Outsider
Theme URI: www.portlandoutsider.comL373

Author: Designalope
Author URI: http://www.designalope.com
Description: The Portland Outsider Theme

*/

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.

 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

body#BodyTag.notranslate{
	overflow-y:hidden;
}

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

html{
position:absolute;
top:0;
left:0;
}

body {
background-color:white;	
-webkit-overflow-scrolling:touch;
}

#wrapper{width:100%;height:auto;}
#section1{width:100%;background-color:#919191;height:200px;padding:1em 0;border:1px solid black;box-sizing:border-box;
-moz-box-sizing:border-box;}
#section2{width:100%;background-color:#f2dcdc;height:200px;padding:1em 0;border:1px solid black;overflow-x:hidden;box-sizing:border-box;
-moz-box-sizing:border-box;}

/*#top{
	-webkit-overflow-scrolling:touch;	
}*/

/*#contest_wrapper{-webkit-overflow-scrolling:touch;}*/

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*END MEYER RESET*/
html,
button,
input,
select,
textarea {
    /*color: #222;*/
    color:#4e4d4d;
}
/*html{overflow-x:hidden;}*/

html, body {
  /*height: 100%;*/
  width:100%; 
  overflow-x:hidden;  
}

body{
overflow-x:hidden;
overflow-y:auto;
line-height: 1;
/*-webkit-overflow-scrolling:touch;*/
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
    max-width:100%;
    height:auto;
    width:auto;/*ie bugfix */
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}


/*CHROME RESET*/

ul, h1, h2, h3, h4{
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
}

/*FONT-FACE*/

@font-face {
    font-family: 'Museo300';
    src: url('../fonts/Museo/Museo300/Museo300-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Museo/Museo300/Museo300-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Museo/Museo300/Museo300-Regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Museo/Museo300/Museo300-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
         url('../fonts/Museo/Museo300/Museo300-Regular.svg#Museo300-Regular') format('svg'), /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'Museo500';
    src: url('../fonts/Museo/Museo500/Museo500-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Museo/Museo500/Museo500-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Museo/Museo500/Museo500-Regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Museo/Museo500/Museo500-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
         url('../fonts/Museo/Museo500/Museo500-Regular.svg#Museo500-Regular') format('svg'), /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'FlamaSemicond';
    src: url('../fonts/Flama/FlamaSemicond/FlamaSemicond-Book.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Flama/FlamaSemicond/FlamaSemicond-Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Flama/FlamaSemicond/FlamaSemicond-Book.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Flama/FlamaSemicond/FlamaSemicond-Book.ttf') format('truetype'); /* Safari, Android, iOS */
         url('../fonts/Flama/FlamaSemicond/FlamaSemicond-Book.svg#FlamaSemicond-Book') format('svg'), /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Sabon-Roman */
@font-face {
    font-family: 'Sabon';
    src: url('../fonts/Sabon/Sabon-Regular2.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Sabon/Sabon-Regular2.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Sabon/Sabon-Regular2.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/Sabon/Sabon-Regular2.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Sabon/Sabon-Regular2.svg#Sabon-Regular2') format('svg'), /* Legacy iOS */
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'ThirstyRoughLt';
    src: url('../fonts/ThirstyRoughLt/ThirstyRoughLt.eot'); /* IE9 Compat Modes */
    src: url('../fonts/ThirstyRoughLt/ThirstyRoughLt.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/ThirstyRoughLt/ThirstyRoughLt.woff') format('woff'), /* Modern Browsers */
         url('../fonts/ThirstyRoughLt/ThirstyRoughLt.ttf') format('truetype'); /* Safari, Android, iOS */
         url('../fonts/ThirstyRoughLt/ThirstyRoughLt.svg#ThirstyRoughLt') format('svg'), /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'sabonbold';
    src: url('../fonts/Sabon/Sabon3/Sabon-Roman/sabon-roman-webfont.eot');
    src: url('../fonts/Sabon/Sabon3/Sabon-Roman/sabon-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Sabon/Sabon3/Sabon-Roman/sabon-roman-webfont.woff') format('woff'),
         url('../fonts/Sabon/Sabon3/Sabon-Roman/sabon-roman-webfont.ttf') format('truetype'),
         url('../fonts/Sabon/Sabon3/Sabon-Roman/sabon-roman-webfont.svg#sabonbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ==========================================================================
   PO_Custom Styles
   ========================================================================== */

/*-- HEADER--*/
.header_wrapper{height:auto;background-color:white;overflow:hidden;margin-top:1em;}
.header{width:90%;height:auto;background-color:white;padding-bottom:1em;margin:0 auto;}

/*-- LOGO--*/
.logo{width:50%;height:auto;margin:0 auto;max-width:700px;}

.logo img{border-bottom:2px solid gray;padding-bottom:.7em;width:100%;}

/*-- MAIN MENU--*/
.main_menu{width:50%;height:auto;color:black;margin:0 auto;max-width:700px;}
.main_menu ul {width:100%;display:block;height:auto;margin:0 auto;position:relative;margin-left:0;left:0;padding:0;	
}

.main_menu ul li{list-style-type:none;display:inline-block;width:50%;float:left;
}

.main_menu ul li:first-child{border-right:2px solid gray;}

.main_menu ul li:last-child{float:left;width:49%}


.main_menu ul li a{
font-family: FlamaSemicond,"Century Gothic", "Tw Cen MT", Futura, "URW Gothic L", Arial, sans-serif;
font-size:1.5em;
color:#696969;
text-decoration:none;
width:100%;
text-align:center;
padding:4% 0% 1% 0%;
}

.main_menu ul li a:hover, .social ul li a:hover{
background-color:#ececec;
}

.main_photo img{
	display:none;
	width:100%;
	display:block;
}

.main_photo img{
	display:none;
}

.get_copy{float:left;}
.get_touch{float:right;}

/* HERO WRAPPER*/
.hero_wrapper{width:100%;background-color:white;position:relative;margin:0 auto;}
.hero_image_wrapper{
width:100%;
margin:0 auto;
margin-bottom:2em;
border:2px solid gray;	
}

.hero_image_wrapper a,
.hero_image_wrapper a:link,
.hero_image_wrapper a:visited,
.hero_image_wrapper a:active,
.hero_image_wrapper a:hover{
text-decoration:none;
	
}

.hero_image_wrapper p{
font-family:Museo500;
font-size:1.2em;
text-align:center;
padding-left:1em;
padding-right:1em;
color:#4e4d4d;
margin-bottom:.5em;
}

a#hero_image_a{
display:block;
width:80%;
	text-decoration:none;
	color:#4e4d4d;
	margin:0 auto;
}

.hero_image_wrapper h1{
font-family:Museo500;
font-size:2em;
text-align:center;
padding-left:1em;
padding-right:1em;	
}

.hero_wrapper .hero_image img{
	width:100%;
	margin: 0 auto;
	position:relative;
	display:block;
}

.hero_section{width:90%; height:auto;margin:0 auto;padding:0 5% 0 5%;background-color:rgba(255,255,255,1);box-sizing:border-box;margin-top:2em;}

.hero_section_l{width:70%; height:auto;float:left;padding:0 2% 0em 0;}

.hero_section h1{
	width:100%;
	font-size:3.0em;font-family:Museo500;margin-top:0;line-height:1.2em;color:#44310f;text-align:center;margin-bottom:.5em;
}

.hero_section_r{width:26%; height:auto;float:right;padding-top:.5em;}

.hero_section_r img{
	width:100%;
	padding-bottom:2em;
	border:none;
	border:0px solid white;
}

.hero_section_r p{
font-family: Museo500;
font-size:1em;
/*text-shadow: 0px 1px 2px rgba(150, 150, 150, 1);*/
-webkit-margin-after:0;
-webkit-margin-before:0;
line-height:1.5em;
text-align:center;
margin-bottom:0;
}

.hero_section_r p:last-child{margin-bottom:1em;}

.hero_section_l p{
font-family: Museo500;
font-size:1.7em;
/*text-shadow: 0px 1px 2px rgba(150, 150, 150, 1);*/
-webkit-margin-after:0;
-webkit-margin-before:0;
line-height:1.5em;
margin-bottom:1em;
}


#p_entry1{
margin-top:1em;
}

#p_entry2,#p_entry1{
margin-bottom:1em;
}

td.sub_p{font-family: Museo300;
font-size:1.5em;}


.hero_a{color:#808181;}
.hero_a:hover{color:#adadad;}

.hero_section_l p.next_p{
font-family: Museo300;
font-size:1.5em;
}

.hero_callout{
background-color:white;
position:relative;
margin-left:88%;
margin-top:-3em;
width:7em;
height:5em;
border-top-left-radius:3.5em;
border-top-right-radius:3.5em;	
}
.hero_image .hero_callout img{width:35%;margin-left:65%;}

.hero_callout p{
font-family: FlamaSemiCond;
font-size: 12px;
color: gray;
text-align: center;
width: 60%;
margin-left: 22%;
padding-top: 1.4em;
}

.hero_image{height:10%;width:100%;margin:0 auto;margin-top:.5em;/*background-image:url(../img/hero_backer1.jpg);background-repeat:no-repeat;background-size:100% auto;background-position:center;*/}

#hero_cover{border:none;width:100%;}

.slideshow_wrapper{
width:100%;
background: #f7f7f7; /* Old browsers */
background: -moz-linear-gradient(top,  #f7f7f7 0%, #f2f2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f7f7f7 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f7f7f7 0%,#f2f2f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f7f7f7 0%,#f2f2f2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f7f7f7 0%,#f2f2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
/*margin-bottom:10px;*/
position:relative;
-webkit-box-shadow: 0px 10px 5px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    0px 10px 5px rgba(50, 50, 50, 0.3);
box-shadow:         0px 10px 5px rgba(50, 50, 50, 0.3);
padding:1em 0;
overflow-x:hidden;
}
.slideshow{
width:90%;
margin:0 auto;
height:auto;
background: #f7f7f7; /* Old browsers */
background: -moz-linear-gradient(top,  #f7f7f7 0%, #f2f2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f7f7f7 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f7f7f7 0%,#f2f2f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f7f7f7 0%,#f2f2f2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f7f7f7 0%,#f2f2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
padding-bottom:2em;
}

.slideshow_header{
	width:100%;
	text-align:center;
	color:black;
	padding:1% 0 2% 0;
}
.slideshow_header h2{
	font-family:Museo500;
	color:#302f2f;
	font-size:2.1em;
	}
	
.slideshow ul{
	margin:0 auto;
	width:90%;
	display:block;
}

.slideshow ul li{
	display:inline-block;
	list-style-type:none;
	width:26%;
	float:left;
	margin-left:11%;
	margin-right:11%;
	
}

.slideshow ul li:first-child{
	float:left;
	margin-left:0%;
	margin-right:0%;
}
.slideshow ul li:last-child{
	float:right;
	margin-left:0%;
	margin-right:0%;
}


.slideshow ul li a img{
	-webkit-transition-property: -webkit-transform;
  -webkit-transform: scale(1,1); 
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-duration: .25s;
  -moz-transition-property: -moz-transform;
  -moz-transform: scale(1,1); 
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-duration: .25s;
  transform: scale(1,1); 
  transition-timing-function: ease-in-out;
  -webkit-box-shadow: 0px 1px 14px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 1px 14px rgba(50, 50, 50, 0.75);
box-shadow:         0px 1px 14px rgba(50, 50, 50, 0.75);
width:100%;
}

.slideshow ul li a img:hover{
  -webkit-transition-property: -webkit-transform;
  -webkit-transform: scale(1.1,1.1); 
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-duration: .25s;
  -moz-transition-property: -moz-transform;
  -moz-transform: scale(1.1,1.1); 
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-duration: .25s;
  transform: scale(1.1,1.1); 
  transition-timing-function: ease-in-out;
}


/*-- MAIN_ABOUT--*/
/*.main_wrapper{width:100%;background-color:white;padding:2em 0;position:relative;}*/

.main_wrapper{width:100%;background-color:white;padding:2em 0;position:relative;}

.main_wrapper p{font-family:Sabonbold, Georgia,"Georgia-Pro", serif;line-height:1.5em;margin-top:0;padding:0 3% 1em 3%;clear:both;}

.main_about{width:90%; height:auto;margin:0 auto;clear:both;column-width:350px;-moz-column-width:350px;-webkit-column-width:350px;column-gap:10%;}


.main_h2{
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
	font-family:Museo500;
	color:#302f2f;
	font-size:2.1em;
	padding:.2em 0 .2em 0;
	color:rgba(241, 241, 241, 1);
	background-color:rgba(25, 25, 25, 0.75);
	position:relative;
	margin-top:-2em;
}

.main_about a{
color:#4e4d4d;
text-decoration:none;
font-size:.9em;	
}

.main_about a:hover{
	color:black;	
}

.main_about ul{width:90%;margin:0 auto;display:inline;}
.main_about ul li{
list-style-type:none;
display:block;
width:30%;
/*margin:0 1%;*/
float:left;
font-family:Sabon,Georgia,serif;
font-size:1.1em;
padding-left:1.5%;
padding-right:1.5%;
border-left:1px solid #d3d3d3;
border-right:1px solid #d3d3d3;
color:#302f2f;
}
.main_about ul li:last-child{border:none;padding-left:1.5%;}
.main_about ul li:first-child{border:none;padding-right:1.5%;}

.main_about .column{
border-left:1px solid #d3d3d3;
border-right:1px solid #d3d3d3;	
}

.main_about .column.first{
	border:none;
}

.main_about .column.last{
	border:none;
}

.main_about_image{
	width:66%;
	height:auto;
	background-color:gray;
	margin:2% auto;
	text-align:center;
	color:white;
	padding:1% 0;	
}

.locations_wrapper{width:100%;height:auto;
padding:2em 0;	
background: #f7f7f7; /* Old browsers */
background: -moz-linear-gradient(top,  #f7f7f7 0%, #f2f2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f7f7f7 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f7f7f7 0%,#f2f2f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f7f7f7 0%,#f2f2f2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f7f7f7 0%,#f2f2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
position:relative;
overflow-x:hidden;

}


.loc_div{width:100%;height:6px;background-image:url(../img/stripe.png);background-repeat:repeat-x;}
	
.subscribe{
display:block;
margin-right:1%;
background-color:black;
width:25%;
text-align:center;
float:right;
font-family: "Century Gothic", "Tw Cen MT", Futura, "URW Gothic L", Arial, sans-serif;
font-size:1em;
color:white;
text-decoration:none;
width:10%;
height:auto;
padding:1% 0;
background-color:black;
margin-top:-5.5%;
}

/* SUBSCRIPTION WRAPPER*/
.subscribe_wrapper{
width:100%;
background-color:white;
padding:2em 0 5em 0;

background: #f7f7f7;
background: -moz-linear-gradient(top, #f7f7f7 0%, #f2f2f2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f2f2f2));
background: -webkit-linear-gradient(top, #f7f7f7 0%,#f2f2f2 100%);
background: -o-linear-gradient(top, #f7f7f7 0%,#f2f2f2 100%);
background: -ms-linear-gradient(top, #f7f7f7 0%,#f2f2f2 100%);
background: linear-gradient(to bottom, #f7f7f7 0%,#f2f2f2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f2f2f2',GradientType=0 );

}

.subscribe_section{width:90%; height:auto;margin:0 auto;	
}

.subscribe_section h1{font-size:3.5em;font-family:ThirstyRoughLt;margin-top:0;color:#4d4d4d;text-align:center;}


.subscribe_section p{
font-family: Museo300;
font-size:2em;
text-align:center;
margin-bottom:1em;
}

.subscribe_a{
	display:block;
	width:18%;
	height:3.25em;
	margin:0 auto;
	background-image:url(../img/subscribe_btn.png);
	background-repeat:no-repeat;
	background-position:0 0;
}

.subscribe_a:hover{
	background-position:0 -3.25em;
	
}

.subscribe_section1 p.next_p1{
font-family: Museo300;
font-size:1.5em;
}

.sub_form{
	width:100%;
	margin:0 auto;	
}

.sub_form form{max-width:192px;margin:0 auto;}

p.sub_p{
font-family:Sabon,serif;
font-size:1em;
width:50%;
margin:1em auto;
line-height:1.2em;	
}

td.sub_p{
font-family:Sabon,serif !important;
font-size:1em !important;
width:50% !important;
margin:1em auto !important;
line-height:1.2em !important;	
}




	
.locations{width:90%;margin:0% auto 2% auto;}
#locations{width:90%;margin:0 auto;}
.locations_holder{width:100%;margin:0 auto;}
.column1,.column2,.column3{width:33%;float:left;}
.column2{border-left:1px solid gray;border-right:1px solid gray;}

.locations ul{margin-bottom:1.2em;display:inline-block;height:auto;width:90%;margin-left:10%;}
.locations a{color:#787878;text-decoration:none;
	font-family: FlamaSemicond;
text-align:left;
font-size:1em;

}


.locations a:hover{color:#252525;text-decoration:underline;}

.locations h3{
margin: 2% 2% 2% 0;
line-height: .8em;
font-family: FlamaSemicond;
text-align:left;
font-size:1em;
color:#222;
	
}

.locations h2 {
text-align: center;
font-family:Museo500;
margin-bottom: 2%;
color: #302f2f;
font-size: 2.1em;
display: inline-block;
width:50%;
margin-left:27%;
}

.locations_header{
	width: 100%;
	height: auto;
	margin:0 auto;
}


input#sub_button{width:90%;padding:0 5%;}
.sub_button {
/*padding: 2% 0 2% 0;*/
width: 12%;
display: inline-block;
display: block;
float: right;

}

.sub_button a{
display: block;
/*background-color: white;*/
font-family: ThirstyRoughLt;
width: 100%;
text-decoration: none;
font-size: 1.5em;
/*padding: .6em 6% .5em 9%;*/
color: #8e8e8e;
letter-spacing: .05em;
/*border-radius: 2em;*/
text-align: center;
/*border: 1px solid #e3e3e3;*/
}
/*.sub_button a:hover{background-color:#e3e3e3;color:#404040;}*/

.locations ul li{list-style-type:none;
	display:inline-block;
	margin:1% 2% 0 0;
	width:100%;
	float:left;
	line-height:1.1em;
	font-family:FlamaSemicond;
	margin-bottom:.5em;
}

.contact{width:90%;padding:2% 0;margin:0 auto;}

.contact_wrapper{width:100%;height:auto;margin:0 auto;padding-bottom:2em;background-color:white;/*padding-right:10%;*/position:relative;}

.contact ul{width:100%;}

.contact h2{font-family:Museo500;text-align:center;width:100%;color:#4e4e4e;margin-bottom:2%;font-size:2.1em;float:left;}

.contact_txt{width:66%;text-align:left;margin-left:15%;color:#a7a7a7;padding:2.4% 0 3.5%;}

#sub_contact_h2{
	width:100%;
}

.social ul li {width:32%;float:left;margin:0 2%;list-style-type:none;}

.social ul li:first-child{margin:0;float:left;}
.social ul li:last-child{margin:0;float:right;}

.social ul li a{
display:block;
font-family: FlamaSemicond;
width:100%;
background-color:white;
padding: 2.3% 0 1% 0%;
font-size:1.5em;
border-bottom: double #696969;
border-top: double #696969;
text-decoration:none;
}
.social ul li a:hover{
color:#000;
background-color:#ececec;
}
.social ul li img{float:left;padding:1% 0;margin-top:-1%;}
.social ul li .contact_text{float:right;}
/*-- FOOTER--*/
.footer_wrapper{
width:100%;
background-color:gray;
min-height:10em;
background: #f7f7f7;
background: -moz-linear-gradient(top, #f7f7f7 0%, #f2f2f2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f2f2f2));
background: -webkit-linear-gradient(top, #f7f7f7 0%,#f2f2f2 100%);
background: -o-linear-gradient(top, #f7f7f7 0%,#f2f2f2 100%);
background: -ms-linear-gradient(top, #f7f7f7 0%,#f2f2f2 100%);
background: linear-gradient(to bottom, #f7f7f7 0%,#f2f2f2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f2f2f2',GradientType=0 );
/*padding-right:10%;*/
position:relative;
padding-bottom:2em;
		
}

.footer{width:90%; height:auto;margin:0 auto;}

.footer a{
color:#a7a7a7;
padding:2%;
text-decoration:none;
margin-top:12%;
}

#credit_a{
	padding:0;
	font-weight:bold;
}

#credit_a:hover{
	text-decoration:underline;
}

.footer a:hover{
color:black;
padding:2%;
text-decoration:none;
}

.photo_credits{
width:100%;margin:0 auto;	
}

.photo_credits p{
width:100%;text-align:center;color:#a7a7a7;font-family:FlamaSemicond;font-size:.8em;margin-bottom:1em;	
}


.legal{width:100%;height:auto;font-family: FlamaSemicond;font-size:1em;color:#a7a7a7;text-align:center;}

.legal ul{padding:4% 0; margin:0;}

.legal ul li{list-style-type:none;display:inline-block;width:33%;vertical-align:top;}

.copyright_div{}
.privacy_div{}
.terms_div{}

.legal_body{
	width:90%;
	margin:0 auto;
	margin-top:2em;
}



.legal_body h1 {
font-family: Museo300;
font-size: 2em;
margin: 1em auto;
}
.legal_body h2 {
font-family: Museo300;
font-size: 1.5em;
margin: 1em auto;
}

.legal_body p, .legal_body li{
	font-family:Sabonbold;
	line-height:1.5em;
}

.legal_body ul {
	display:block;
	margin:2em 0;
}

.legal_body li{
	margin-left:2em;
}

.legal_body span{
	font-weight:bold;
	font-size:1.5em;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

/* Prevent callout */

.nocallout {
    -webkit-touch-callout: none;
}

.pressed {
    background-color: rgba(0, 0, 0, 0.7);
}

/* A hack for HTML5 contenteditable attribute on mobile */

textarea[contenteditable] {
    -webkit-appearance: none;
}

/* A workaround for S60 3.x and 5.0 devices which do not animated gif images if
   they have been set as display: none */

.gifhidden {
    position: absolute;
    left: -100%;
}

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0;
    direction: ltr;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
}

.ir br {
    display: none;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/**
 * Clearfix helper
 * Used to contain floats: h5bp.com/q
 */

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

.article-break {
position: relative;
float: none;
z-index:-1;
}

.article-multimedia {
margin: 0 auto;
display: inline-block;
line-height: 0;
min-width: 100%;
max-width: 100%;
}

.article-break-image{
display: block;
position: relative;
padding-left: 10000px;
margin-left: -10000px;
padding-right: 10000px;
margin-right: -10000px;
background-color: transparent;
background-size: cover;
background-attachment: fixed;
padding-bottom: 45%;
background-position: center center;
}
.mobile-image{
	display:none;
}


/* ==========================================================================

MADE IN PORTLAND CONTEST!

============================================================================= */

#top_contest{margin-top:0;}

#contest_wrapper{margin:0 auto;padding:0;background-size:cover;margin-bottom:2em;max-width:1024px;}

.made_in_contest{width:100%;margin:0 auto;margin-bottom:2em;max-width:90%;}

.made_in_contest h1{
font-size: 2.8em;
text-align: center;
margin: 0;
line-height: 1.1em;
font-family: ThirstyRoughLt;
}
#contest_h1{
width: 100%;
font-size: 3.0em;
font-family: Museo500;
margin-top: 0;
line-height:1.1em;
color: #44310f;
/* text-shadow: 0px 1px 2px rgba(150, 150, 150, 1); */
text-align: center;
margin-bottom: .5em;
}

#made_in_contest_h1_1{font-family: FlamaSemicond;margin-top:1.2em !important;letter-spacing:.043em !important;font-size:3em;}

#made_in_contest_h1_2{font-family: FlamaSemicond;margin-top:.1em !important;letter-spacing:.04em !important;font-size:3em;}

#made_in_contest h2{font-family: Museo500;font-size:4em;margin-bottom:1em;text-align:center;}

#contact_form{width:88%;margin:0 auto;}

#contest_paragraphs{margin-top:2.5em;}
#contest_paragraphs p{
padding: .4em 0 2em 0;
font-size: 1.2em;
width: 88%;
margin: 0 auto;
line-height:1.4em;
font-family:Museo500;
}
#call_for_entries{
	font-family:ThirstyRoughLt;
	padding-top:1em;
	font-size:1.5em;
}
.list_span{font-weight:bold;}

/* Outdoors GREEN -#78934D */
/* Style and Design BLUE -#006990 */
/* Home PURPLE -#72324D */
/* Food KHAKI -#B4800B */
/* Style BLUE -#006990 */
/* Drink RUST -#BE4E18*/

#icon_list{display:block;max-width:90%;margin:4em auto 0 auto;}
#icon_list img{margin:0 auto;width:100%;}
.icon_holder{display:inline-block;width:19%;}
.icon_holder_ul{display:inline-block;}
.icon_holder_li{text-align:center;}
#outdoors{color:#78934d;}
#food{color:#B4800B;}
#drink{color:#BE4E18;}
#style{color:#006990;}
#home{color:#72324D;}

#top_contest{margin-top:-32px !important;}

.contest_header{margin:0 auto;width:90%;}
.contest_header_wrapper{}
.contest_logo,.contest_logo img{width:100%;}
.contest_logo{width:94%;margin:0 auto;padding-top:3em;}


        

.wpcf7-form{width:100%;margin:0 auto;background-color:white;}
.wpcf7-form p{font-family:FlamaSemiCond;margin:1em 0;line-height:1.6em;font-size:1.4em;}

/*.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{width:100%;}
.wpcf7-form-control.wpcf7-text.wpcf7-tel{width:100%;}*/
.wpcf7-form-control.wpcf7-text{width:100%;}
.wpcf7-form-control.wpcf7-textarea{width:100%;}

.capcha-field{border-radius:10px;background-color:#b1b1b1;padding:10px;margin-top:2.5em;}

.wpcf7-select{width:100%;}

.form_p1{
background-color: gray;
border-radius: .5em;
padding: .5em;
color: white;
}

#icon_list img{width:100%;padding-bottom:1em;}
span.wpcf7-form-control-wrap {
position: relative;
width: 80%;
}
.wpcf7-form-control wpcf7-captchar{width:100%;position:relative;}

img.sponsor_graphic{width:60%;margin:0 20%; margin-top:2em;}

input.wpcf7-form-control.wpcf7-captchar {width:98%;}


/* CONTEST END */

/* SURVEY BUTTON */
#survey_button_holder{
	width:15%;
	position: absolute;
	top: 1em;
	left:10%;
}


p.survey_button_p{
	font-size:.8em;
	width:100%;
	padding-bottom:.5em;
	margin-bottom:1em;
	text-align:center;
}

a.survey_button_a{
	/*background-color:green;*/
	display:block;
	padding:.5em;
	width:80%;
}

#sm_e_s{width:100%;}
#pbFooter.pbf{margin:50px 0 0 0;}

img#capcha_id {width:20%;}
/* SURVEY BUTTON END */


/* SURVEY END */

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

/* Small device screens, portrait ----------- */

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

.contact h2{
font-size:1.8em;
}

#contest_h1{text-align:left;}
.hero_section_l{float:none;position:relative;width:100%;top:380px;}
.hero_section_r{float:none;position:relative;width:100%;/*top:-560px;*/}

img.sponsor_graphic{width:80%;margin:0 10%;padding-top:1em;}
#icon_list img{width:100%;}
img#capcha_id {width:45%;}
#contest_paragraphs{margin-top:1.2em;}


/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) 
and (max-width : 480px) {

#survey_button_holder{
position:absolute;
width:13%;
left:5%;
}

p.survey_button_p{
font-size:.6em;	
width:45%;
float:left;
}

a.survey_button_a{
	font-size:.8em;
	width:100%;
	padding:0;
}

body{
	background-image:none;
	margin-top:0;
}

.article-multimedia{display:none;}
.mobile-image{display:block;width:100%;}

.hero_image .hero_callout img{
	width:28%;
	margin-left:65%;
}

.main_h2{
background-color: rgba(25, 25, 25, 1);
}

.logo{
	width:70%;
}
.main_menu{
	width:70%;
}

.main_photo{display:block;}
.main_photo img{display:block;}
#ed_img{display:none;}

.slideshow_wrapper{
	margin-bottom:0;
}

.header{
	margin-bottom:0;
}

.header_wrapper{
padding:0;
margin-top:1em;
}

.hero_section{
	/*padding:0;*/
	padding-bottom:1em;
}

.hero_section h1{
font-size:1.5em;
margin-top:1em;
}

.hero_section_l p{
font-size:1.2em;
margin-bottom:2em;
}
.hero_callout{
margin-left:75%;
display:none;
}

.hero_wrapper .hero_image img {
width: 100%;
margin: 0 auto;
position: relative;
display: block;
}

img#hero_arrow{
	width:30%;
}

.locations h2{
width:60%;
margin-left:.5%;
}

.locations a{
font-size:.8em;
line-height:1.2em;
}

.locations_header a.anchor1{
font-size:.8em;
width:16%;
margin-top:-.5em;
}

a.anchor2{
width:17%;
font-size:.7em;
}

.sub_button{
margin-right:3%;
display:block;
float:right;
width:27%;	
}

.sub_button a{
font-size:1em;
padding:9% 10% 9% 15%;
}

.sub_form form{
	width:46%;
}

.column1{
	width:100%;
	border:none;
}
.column2{
	width:100%;
	border:none;
}
.column3{
	width:100%;
	border:none;
}

.locations ul{
margin:0 10% .8em 10%;
}

.locations ul li{
margin-bottom:.2em;
line-height:1.2em;	
}

.locations_header{
	margin-bottom:1.2em;
}

.locations h2{
	width:50%;
	text-align:left;
}

.contact h2{
/*width:67%;*/
font-size:1.8em;	
}

.contact_txt{
	margin-left:22%;
	padding:.45em 0;
	font-size:.7em;
}
.social ul li img{
	padding:2% 0;
	width:20%;
}

.legal ul li{
	width:100%;
	margin-bottom:1em;
}
.legal ul li:first-child{
text-align:center;
margin-top:1em;	
}

p.sub_p{
	width:90%;
}
.photo_credits p{
text-align:center;
}

/*	MADE IN PORTLAND CONTEST	*/

#made_in_contest_h1_1{font-size:1.3em;}
#made_in_contest_h1_2{font-size:1.3em;}

#icon_list{width:90%;}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{width:95%;}

input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel{width:95%;}

input.wpcf7-form-control.wpcf7-text{width:95%;}

textarea.wpcf7-form-control.wpcf7-textarea{width:98%;}

input.wpcf7-form-control.wpcf7-captchar{width:92%;}

.main_wrapper p{
	font-size:1.2em;
}

#icon_list {
margin: 1em auto 0 auto;
}
/*	MADE IN PORTLAND CONTEST end	*/
#call_for_entries{font-size:1.2em;}
#contest_h1{text-align:center;font-size:2.5em;padding-bottom:.5em;}
#contest_paragraphs{width:100%;}
.hero_section_l{float:none;position:relative;width:100%;top:425px;}
/*.hero_section_r{float:none;position:relative;width:100%;top:-450px;}*/
.hero_section_r{float:none;position:relative;width:80%;top:-430px;margin:0 10%;}
img.sponsor_graphic{width:90%;margin:0 5%;padding-top:1em;}
.made_in_contest{width:100%;max-width:100%;}
.made_in_contest h1{font-size:2em;}
#icon_list img{width:100%;}
img#capcha_id {width:30%;}

/* Styles */
}/*@media 321 - 480 END*/

@media only screen 
and (min-device-width : 320px)
and (max-device-width : 568px) 
and (orientation : portrait) {

.logo{width:75%;}

a.survey_button_a{width:100%;padding:0;}
#survey_button_holder{top:4px;left:5%;}
.main_menu ul li:first-child{
	border-right:1px solid gray;
}
.main_menu ul li a{
	font-size:1em;
}
.logo img{border-bottom:1px solid gray;}

.hero_section{width:90%;padding:0;margin-top:1.2em;font-size:1.2em;margin-left:5%;margin-right:5%;}

a#hero_image_a{
	width:100%;
}

#call_for_entries{
	margin-top:1em;
	font-size:1.2em;
}

.hero_section_l{width:90%;padding-bottom:1em;margin-left:5%;margin-right:5%;}
.hero_section_r{width:90%;float:none;margin:0 auto;top:-600px;}

.hero_section h1{
	font-size:1em;
}
.hero_section_l p{
	font-size:1em;
}
.hero_callout{
	margin-left:65%;
	display:none;
}
.hero_image_wrapper h1{
	font-size:1em;
}

.hero_image_wrapper{border:1px solid gray;margin-bottom:1.5em;}

.hero_image_wrapper p{
	font-size:.8em;
}

.hero_wrapper .hero_image img{
	width:100%;
}

.main_menu{width:75%;}


.article-break-image{
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	background-attachment:scroll;
}
.slideshow{padding-bottom:0;}

.slideshow_header h2{
	font-size:1.5em;
}
.main_h2{
	font-size:1em;
	margin-top:-2em;
}

.main_wrapper p{
	font-size:.7em;
}
.locations h2{font-size:1.2em;text-align:left;margin-bottom:8%;margin-left:0;}
.locations a{font-size:.8em;}
.sub_button{width:35%;margin-top:-.5em;}
.column1,.column2,.column3{width:100%;}
.column2{border:none;}
.social ul li{width:100%;padding-bottom:.5em;margin-left:0;}
.legal ul li{width:100%;margin-bottom:1em;}
.main_wrapper p{font-size:1.1em;}


/*CONTEST	end*/
#made_in_contest_h1_1,#made_in_contest_h1_2{font-size:1.4em;}
#icon_list{margin-top:1em;}
.contest_header p a{display:block;margin-top:.5em;font-size:.8em;}
.contest_logo{padding-top:1em;}
.made_in_contest h1{font-size:1.4em;}
#contest_paragraphs p{
	font-size:.9em;
}
p.form_p1{font-size:1em;font-weight:bold;}
.wpcf7-form p{font-size:1em;}
.wpcf7-form-control.wpcf7-text{width:93%;}
input.wpcf7-form-control.wpcf7-captchar{width:90%;}
.social ul li{width:30%;margin-left:1%;}
.social ul li:first-child{width:30%;margin-right:5%;}
.social ul li img{
	float:none;
	padding-top:.2em;
	display:block;
	width:40%;
	margin-top:1em;
	margin:0 auto;
}
.contact_txt{width:100%;text-align:center;margin-left:0;font-size:.8em;margin-top:.1em;}

#contest_h1{
	font-size:2em;
	line-height:1em;
	text-align:center;
}

#icon_list {
margin: 1em auto 0 auto;
}
  
}/* 320px and 568px STYLES END */

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

body{
background-image:none;
margin-top:-2em;
}

.main_menu ul li a {
}

.sub_button{
margin-right:3%;
display:block;
float:right;
width:27%;	
}

.main_h2{
background-color: rgba(25, 25, 25, 1);
}

.main_photo{display:block;}
.main_photo img{display:block;}

.article-multimedia{display:none;}
.mobile-image{display:block;width:100%;}

.hero_image .hero_callout img{
width:28%;
margin-left:65%;
}


.slideshow_wrapper{
margin-bottom:0;
}

.header{	
margin-bottom:0;
}

.logo{width:70%;}
.main_menu{width:70%;}

.header_wrapper{
padding:1em 1em 0em 1em;
}

.hero_section h1{
font-size:1.8em;
}

.hero_section_l p{
font-size:1.05em;
}
.hero_callout{
margin-left:80%;
}

.locations h2{
width:50%;
margin-left:25%;
}

.locations a{
font-size:.8em;
line-height:1.2em;
}

.locations_header{
	margin-bottom:1.2em;
}

.locations_header a.anchor1{
font-size:1.1em;
width:14%;
margin-top:-.5em;
}

a.anchor2{
width:13%;
font-size:.9em;
}

.sub_button{
margin-right:3%;
display:block;
float:right;
width:18%;	
}

.sub_button a{
font-size:1.2em;
padding:4% 9% 4% 15%;
}

.locations ul{
margin:0 10% .8em 10%;
}

.locations ul li{
margin-bottom:.2em;
line-height:1.2em;	
}

.contact_txt{
	margin-left:22%;
	padding:.45em 0;
}
.social ul li img{
	padding:2% 0;
}

.legal ul li:first-child{
text-align:left;	
}

.sub_form form{
	width:18%;
}

#icon_list img{width:100%;}
img#capcha_id {width:30%;}

/*SURVEY_BUTTON*/
#survey_button_holder{
	width:15%;
}
p.survey_button_p{
	font-size:.6em;
}

/*SURVEY_BUTTON_END*/
	
}/*@media 481 - 767 END*/

@media only screen 
and (min-width : 768px) 
and (max-width : 800px){

a.survey_button_a{
	font-size:1em;
}

body{
	background-image:none;
}

.main_h2{
background-color: rgba(25, 25, 25, 1);
}

.main_photo{display:block;}
.main_photo img{display:block;}

.article-multimedia{display:none;}
.mobile-image{display:block;width:100%;}

.slideshow_wrapper{
	margin-bottom:0;
}

.hero_section_l p{
font-size:1.05em;
}
.hero_callout{
margin-left:85%;
}

.locations h2{
width:50%;
margin-left:25%;
}

.locations a{
font-size:.8em;
line-height:1.2em;
}


.locations_header{
	margin-bottom:0;
	height:5em;
}
.locations_header a.anchor1{
font-size:1.1em;
width:16%;
margin-top:-.5em;
}

a.anchor2{
width:13%;
font-size:.9em;
}

.sub_button{
margin-top:-.5em;
margin-right:3%;
display:block;
position:relative;
width:20%;
position:relative;
}

.sub_button a{
font-size:1.3em;
padding:8% 9% 8% 15%;
}

.sub_form form{
	width:28%;
}

.locations ul{
margin:0 10% .8em 10%;
}

.column1 ul {
	margin: 0 10% .8em 0;
}

.column2 ul{
	margin:0 5% .8em 5%;
}

.column3 ul{
	margin:0 5% .8em 5%;
	
}

.locations ul li{
margin-bottom:.2em;
line-height:1.2em;	
}

.contact_txt{
	margin-left:20%;
	padding:4% 0;
}

.social ul li img {
float:left;
padding: .2em 0;
margin-top: -1%;
width:15%;
}

.sub_form form{
	width:28.5%;
}



}/*@media 768 - 800 END*/

/* tablets (landscape) ----------- */
@media only screen 
and (min-width: 801px) 
and (max-width:1024px) {
body{
	background-image:none;
}

.main_h2{
background-color: rgba(25, 25, 25, 1);
}

.main_photo{
display:block;	
}

.main_photo img{
display:block;	
}
.article-multimedia{display:none;}
.mobile-image{display:block;width:100%;}


.hero_section_l p{
	font-size:1.32em;
}
.hero_callout{
	margin-left:85%;
}

a.anchor2{
	width:11%;
}

.contact h2{
	//width:80%;
}

.contact_txt{
	padding:4.4% 0 1% 0;
	margin-left:20%;
	
}

.social ul li img{
	margin-top:0;
	padding:1% 0 1.3% 0;
}

.slideshow_wrapper{
	margin-bottom:0;
}

.slideshow ul li a img{
	margin-left:1.5%;
}

.locations h2{margin-left:25%;}

.sub_form form{
	//width:21%;
}

/* Styles */
}/*@media 801 - 1024 END*/

@media only screen 
and (min-width: 1025px) 
and (max-width:25000px) {
.sub_form form{max-width:192px;margin:0 auto;}
input#sub_button{
	max-width:192px;
}
}/*@media 1025 - 25000 END*/