/*
Theme Name: Calgary Wind Symphony (CWS)
Theme URI: http://http://calgarywindsymphony.com/
Author: DesignGoblin
Author URI: http://www.designgoblin.com/
Description: This is an adaptive theme created for WordPress 4+
Version: 1.0
Tags: responsive-layout, custom-menus, fixed nav
Text Domain: designgoblin

Calgary Wind Symphony Theme ©2018 DesignGoblin
*/


@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i);

iframe[id^='twitter-widget-']{ width:100% !important;}


* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;
}
.ease {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
html {overflow-y: scroll;position:static!important;top:0!important;}
html, body {
  height: 100%;
  margin:0;
}

.small {font-size: 80%;}
.large {font-size: 150%;}
.center {text-align: center;}
.nopad {padding:0;}
.left {float:left;}
.right {float:right;text-align:right;}
.half {max-width:50%;}

.nospace,
.nospace p {margin:0!important;padding:0!important;}

.pad, #main {padding:2% 4%;}


/* responsive images //////////////////////////////////////////////////////////////////// */
img {
  max-width: 100%;
  max-width: auto;
  height: auto;
  display:block;
}
/* responsive embeds //////////////////////////////////////////////////////////////////// */

.embed {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 ratio */
  height: 56.25%;
  overflow: hidden;
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
  top: 10px;
}
.video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    margin:30px 0;
    border:5px solid #FFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 2px 12px #CCC;
}
.video iframe,
.video object,
.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video.contact {margin:30px;}


/* RESET /////////////////////////////////////////////////////////////////////////////// */
* {margin:0;padding:0;}
p,
h1,h2,h3,h4,h5,h6,
ol, ul, li, table, tr, td,
blockquote
 {margin:0;padding:0;}

hr {margin:2em 0 1.5em 0; border-width: 0;border-top: 1px solid #E1E1E1; clear:both;}



/* 404 Error //////////////////////////////////////////////////////////////////// */
.error-404 {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	line-height:normal;
}
.outer {
  display: table;
  width: 100%;
  height: 100%;
}
.inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.centered {
  position: relative;
  display: inline-block;
  max-width: 50%;
  padding: 5%;
  background: #FFF;
  border-radius:7px;
}
.error {font-size:17vw; font-weight:700;padding:20px;display:block;line-height:.85em;}
.error-404 p {margin-bottom:20px;}
.title {}
.message {font-size:1.2em;}




/* Typography /////////////////////////////////////////////////////////////////////////// */
body {
  font-family: "Roboto Condensed", Arial, sans-serif;
	font-weight:300;
  font-size: 18px;
  line-height: 24px;
  color: #555;
	background: #F5F5F5;
    background-image:     url("images/siteback.png");
    background-position:  left top;
    background-repeat:    repeat-x;
}

a:link, a:visited, a:active {
  text-decoration: none;
  color: #efa301;
  font-weight:400;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
a:hover {
  color: #666;
}



h1, h2, h3, h4, h5, h6 {font-weight:normal;clear:both;line-height:normal;}
h1 {font-size:1.8em;font-weight:600;color:#333;margin-bottom:1.2em;}
h2 {font-size:1.4em;text-transform:uppercase;font-weight:400;padding:20px 0;}
h3 {font-size:1.4em;margin:1.4em 0 .5em 0;}
h4 {font-size:1.3em;margin:1.35em 0 .35em 0;}
h5 {font-size:1.2em;text-transform:uppercase;color:#999;margin:1.4em 0 .9em 0;}
h6 {font-size:.9em;text-transform:uppercase;margin-bottom:30px;color:#888;}

.col h1:first-child,
.col h2:first-child,
.col h3:first-child,
.col h4:first-child,
.col h5:first-child,
.col h6:first-child {margin-top:0;}

.columns-two {column-count: 2;}
.columns-three {column-count: 3;}
.columns-four {column-count: 4;}

.red {color:#F00;}






/* NAVIGATION //////////////////////////////////////////////////////////////////////////////// */

.utilitymenu {padding:20px 0 0 0;}
.utilitymenu ul {
    list-style-type: none;
    margin:0;padding:0;
    text-align: right;
    padding:0;
}
.utilitymenu ul li {
    font-size:.95em;
    display: inline-block;
    margin:0;
    padding:0 12px 0 10px;
    border-right:1px solid #ddd;
}
.utilitymenu ul li:last-child {border-right:none;}

.utilitymenu a {color:#999;font-weight: normal;}
.utilitymenu a:hover {color:#f2b534;}
.utilitymenu i {font-size: 1.7em;}




#nav-trigger {
  display: none;
  text-align: right;
}
#nav-trigger span {/* --------------------------------- hidden menu button */
    display: inline-block;
    padding: 10px 20px;
    margin:25px 20px;
    color: #666;
    cursor: pointer;
    font-size: 28px;
    border:1px solid #eee;
    border-radius:5px;
    background:#FFF;
    z-index: 9999;
  }

#nav-trigger span:hover, #nav-trigger span:active {color:#FFF;background:#8AC540;}

nav {z-index: 100;height:100%;
}

nav#nav-main {/* ----------------------------------------  main navbar = desktop*/
  background-color: transparent;
    padding: 0;
    margin:20px 20px 0 0;
    float:right;
}
  nav#nav-main ul {/* -----------------------------------  main nav list*/
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: right;
}
  nav#nav-main li {
    display: inline-block;
    padding: 0;
    margin: 0;
}
  nav#nav-main a {
    display: block;
    padding: 1em;
    color:#666;
    text-transform:uppercase;
    font-weight: 600;
    font-size:.9em;
  }
    nav#nav-main a:hover {/* ---------------------------  main nav item hover*/
      color: #f2b534;
  }


  /* nav button ----------------------------- */
    nav#nav-main ul li:last-child a {
      background:#efa301;
      border-radius:4px;
      padding: 0 1.4em;
      color:#FFF;
      height: 40px;
      line-height: 40px;
    }
    nav#nav-main ul li:last-child a:hover {
      color:#fff;
      background:#f2b534;
    }



/* MOBILE menu ----------------------------- */

nav#nav-mobile {
    position: relative;
    display: none; }
    nav#nav-mobile ul {
    display: none;
    list-style-type: none;
    position: absolute;
    left: 0;
    right: 0;
    margin:0;
    padding:0;
    text-align: left;
    background-color: #FFF;
}

    nav#nav-mobile li {
    display: block;
    padding: 0;
    margin: 0;
    border-bottom:1px solid #eee;
}
    nav#nav-mobile li li {text-transform: none;}
    /*nav#nav-mobile li:last-child {
      border-bottom: none;
  }*/
    nav#nav-mobile a {
    display: block;
    background:#FFF;
    color: #57607f;
    padding: 15px 20px;
    font-weight:600;
}
    nav#nav-mobile a:active {/*-------------------------- drop menu hover */
      background-color: #eee;
      color:#333;
 }


/* Sidebar ////////////////////////////////////////////////////////////////////////// */

.sidebar {padding:50px 0 0 50px;font-size:.9em;line-height:normal;}

.sidebar ul {padding:0;margin:0 0 2em 0;list-style: none;border-top:1px solid #EEE;}
.sidebar li {padding:0;margin:0;border-bottom:1px solid #EEE;}
.sidebar li a {display: block; padding:10px 0;font-size:1em;text-transform:uppercase;}

.sidebar .widget ul li a {text-transform:none;}

.sidebar ul ul {border-top:none;}
.sidebar li li {border-bottom:none;}
.sidebar li li a {padding:.4em .8em .4em 1em;font-weight:400;text-transform: none;}




/* Buttons ////////////////////////////////////////////////////////////////////////// */

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 40px;
  padding: 0 1.8em;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight:400;
  line-height: 40px;
  letter-spacing: .1em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background:#efa301;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border:0;
  cursor: pointer;
  box-sizing: border-box;
  margin:30px 0;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
    color: #fff;
    outline: 0;
    background: #cf7d02;
}

.button a, .button a:hover {color:#FFF;font-weight: 600;}

.button.rev {background:transparent;border:2px solid #FFF;}
.button.rev:hover {background: #cf7d02;}

div.concerts {position:relative;}
.concerts .button {position:absolute;right:0;top:0;}


/* Forms
============================================================================================== */

form {
    padding:3%;
    border-radius: 3px;
    background: #f5f5f5;
    margin:2em 0 1em 0;
    display:inline-block;
    width:100%;
}

.formTitle {font-weight:700;font-size:1.5em;text-transform: uppercase;margin-bottom:1em;letter-spacing: -.05em;}

form br {display:none;}

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  font-family: "Roboto Condensed", Arial, sans-serif;
  height: 40px;
  padding: 5px 7px;
  background-color: #fff;
  border: 1px solid #DDD;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-size: 14px;
  font-weight:500;
  width:100%;
}


/* removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

textarea {
  min-height: 80px;
  padding-top: 5px;
  padding-bottom: 5px;
}

input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #999; outline: 0;
}

input[type="checkbox"], input[type="radio"] {margin-left:10px;}



label,legend {display: block; margin: 20px 0 5px 0; font-weight: 700; font-size:.85em; text-transform:uppercase; color:#777;}
fieldset {padding: 0;border-width: 0; }


/* Tables
============================================================================================== */
table {width:100%;}
tr {border-bottom: 1px solid #E1E1E1;}
td {padding: 5px 15px;font-size:.85em; }

tr:first-child {color:#999;text-transform:uppercase;background:#eee;font-size:.85em;letter-spacing:0.05em;font-weight:600;}
tr:first-child td {padding:10px 15px;}

table .button {margin:0;}

td.grey {background:#f5f5f5;}

/* Lists
============================================================================================== */
ol, ul {padding-left: 1em;margin: 15px 0 20px 15px;}
ul ul,ol ul {margin: .5em 0 .5em 2.5em;font-size: 95%; list-style: circle inside; }
ul ol,ol ol {margin: .5em 0 .5em 2.5em;font-size: 95%; list-style: lower-alpha inside; }
li {padding-left: .75em;}


/* ============================   S E C T I O N S   ================================= */

.wrapper {
  max-width:1440px;
  background:#FFF;
  margin:0 auto;
  /*
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
  */
}

section {clear:both;}



/* Header /////////////////////////////////////////////////////////////////////////// */

#header {
    background: #FFF;
}

.logo {
	width:300px;
	padding:15px 20px;
  float:left;
  display:block;
}






/* Banner /////////////////////////////////////////////////////////////////////////// */

#banner {
	min-height:200px;
	color:#fff;
	font-size:1.4em;
	font-weight:300;
	text-align:center;
  background:#f5f5f5;
  background-image:     url("images/bannerBack.jpg");
  background-position:  center center;
  background-repeat:    no-repeat;
  background-size:      cover;
}

#homebanner {
  /*min-height:200px;*/
  color:#fff;
  font-size:1.4em;
  font-weight:300;
  text-align:center;
  background: #333;
}



/* Content /////////////////////////////////////////////////////////////////////////// */
#content {position:relative;}

#main {padding-bottom:50px;}
#main p {margin-bottom:1em;}

.pagetitle, .postTitle {
  font-size:2.5em;
  font-weight:300;
	line-height:normal;
  color: #777;
  /*text-transform:uppercase;*/
  padding:30px 0;
  text-align:center;
	margin-bottom:0!important;
}

.offset {
    padding:40px;
    border-radius: 5px;
    margin:.5em 0 1.5em 0;
    display:inline-block;
    width:100%;
	/*border:2px solid #DDD;*/
	background: rgba(0, 0, 0, 0.04);
}
.offsetTight {
    padding:10px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.04);
    margin:.5em 0 1.5em 0;
    display:inline-block;
    width:100%;
}
.offsettitle {font-size:1.4em;font-weight:700;}

blockquote {
    padding:1.5em 10%;
    border-top:1px solid #e5e5e5;
    border-bottom:1px solid #e5e5e5;
    margin:2em 0;
    font-size: 1.5em;
    font-style: italic;
    font-weight:300;
    line-height:1.4em;
    color:#999;color: #9E9B94;
}
#content blockquote p {margin:0;}

.intro {
	font-size:1.5em;
	font-weight:300;
	line-height:1.4em;
	color:#B8A983;
	padding:30px 0;
	font-style:italic;
	display:block;
	text-align:center;
}

.centeredInsetImage {
  height:300px;
  width:300px;
  overflow:hidden;
}
.centeredInsetImage img {
  object-fit: cover;
  object-position: center;
  height: 300px;
  margin:0;
}

.socialmenu p {
    font-size: 1.6em;
	line-height:normal;
	display:inline-block;
	margin:0 10px 0 0;
}




/* Accordian ----------------- */

.accordion {margin:30px 0 50px 0; border-bottom:1px solid #e5e5e5;
    /*
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.05);
    */
    }
.accordion-toggle {
  padding:10px 20px;
  cursor:pointer;
  border:1px solid #e5e5e5;border-bottom:none;
  clear:both;
  background:#f8f8f8;
  background-image: url(images/toggle.svg);
  background-size: 12px 40px;
  background-repeat:no-repeat;
  background-position: 98% 50%;
  margin-bottom:0;
  font-weight:700;
  font-size:1.1em;
  color: #F90;

}
.accordion-toggle:hover {
  background:#FFF;
  background-image: url(images/toggle.svg);
  background-size: 12px 40px;
  background-repeat:no-repeat;
  background-position: 98% 50%;
  color: #9e9b94;

}
.accordion-content {display: none;padding:20px 20px 40px 20px; border:1px solid #ddd;border-top:none;border-bottom:none;}
.accordion-content.default {display: block;}

.accordion-content ul {display:inline-block;margin:0;}
.accordion-content li {padding-left:0;}

.recent {font-size:80%;padding-top:30px;}
.recent ul {border:0;}
.recent li {border-bottom:0;border-top:1px solid #eee;}



/* Footer /////////////////////////////////////////////////////////////////////////// */

#footer {color:#CCC;font-size:.85em;background:#333;padding:20px;line-height:normal;}
#footer a {font-weight:normal;color:#f2b534;}
#footer a:hover {color:#FFF;}
#footer p {margin-bottom:1.1em;}
#footer ul {margin:0;}

.footerlogo img {max-width:200px;}

#footer form {
    padding:0;
    border-radius: 0;
    background: transparent;
    margin:0;
}

.social {
  padding-left: 0;
  list-style: none;
	position:absolute;
	right:0;
	top:0;
}
.social li {
    display: inline-block;
    margin-right:0;
    margin-left:10px;
}
.social .fa {font-size: 1.5em;line-height:normal;}
.social .fa:hover {color:#fff;}

.copyright {clear:both; color:#999;padding:20px 0 0 0;text-align:center;font-size:.85em;font-weight:400;}



/* Back to top //////////////////////////////////////////////////////////////////////////// */
a.back-to-top {
    font-size:2em;
    line-height: 1.3em;
    display: none;
    width:50px;
    height:45px;
    position: fixed;
    z-index: 999;
    right: 20px;
    bottom: 0;
    background: #F90;
    color:#fff;
    border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    text-align:center;
}
a.back-to-top:hover {background: rgba(200, 200, 200);}





/* Homepage //////////////////////////////////////////////////////////////////////// */

#homecontent {padding:50px;}
#homecontent p {margin-bottom:10px;}
.homebanner {
	color:#fff;
	text-align:center;
	text-shadow: 0px 0px 15px rgba(0,0,0,0.5);
}

.featuredImage {width:50%;float:left;}

.featuredImage img {
  object-fit: cover;
  object-position: center;
  min-height: 400px;
  margin:0!important;
}
.featuredContent {padding:40px 30px 0px 30px;display:table-cell;}
.featuredContent p {margin:20px 0;}
.featuredContent .button {margin:0}
.featuredContent h1 {margin:0;font-size:1.6em;}

.news01 {padding-right:30px;}
.news03 {padding-left:30px;}


#aboutcws {background:#f2b534;color:#444;}
#aboutcws .intro {color:#fff;}


/* SPONSORS =============== */

#sponsors {padding:30px 30px 50px 30px;background:#EEE;text-align:center;}

#sponsors div.widget {padding:30px;}
#sponsors img {
    background:transparent;
    filter: grayscale(1);
    opacity: 0.5;
    display:inline-block;
	/*padding:20px;*/
  }
#sponsors img:hover {
    filter: grayscale(0);
    opacity: 1;
    transition-duration: .5s;
  }
#sponsors .alignnone {margin:0;}


p.smallink {font-size:80%;margin-top:10px;}



/* WORDPRESS overrides ========================================================= */

.widgetTitle {display: none;}


/* WP image alignment fix */
img.alignright {float:right; margin:0 0 1.25em 2.5em;}
img.alignleft {float:left; margin:0 2em 1.25em 0;}
img.aligncenter {display: block; margin:1.5em auto;}
.alignright {float:right;margin:0 0 1.25em 2.5em;}
.alignleft {float:left;margin:0 2em 1.25em 0;}
.aligncenter {display: block; margin:2.5em auto;}
.alignnone {margin:2.5em 0;}

.wp-post-image {margin-bottom:30px;}

.wp-caption {max-width:99%;}
.wp-caption-text {font-size:.8em;line-height:1.4em;color:#888;text-align:center;font-style:italic;margin:5px 0 0 0;padding:0;}


/* Search */
#searchform {clear:both;x-system-font:none;font-size:14px;position:relative;overflow:hidden;font-variant:normal;font-weight:normal;line-height:normal;width:100%;}
#s {border:1px solid #555;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;padding:5px 10px;width:100%;background:transparent;color:#FFF;}
#searchsubmit {position:absolute;right:0px;top:0px;background:url(images/icon_search.png) no-repeat scroll 0 0;background-position: center center;border:none;height:40px;width:40px;text-indent:-9999px;margin:0;padding:0px;cursor:pointer;}
#searchsubmit:hover {background:url(images/icon_search_rev.png) no-repeat scroll 0 0;background-position: center center;}
.screen-reader-text {display:none;}

.postHeadline {margin-bottom:10px;}

.newsHeadlines {clear:both;margin-bottom:20px;}
.newsHeadlines p {margin:0;}

.newsHeadlines .meta, .post .meta {color: #AAA;font-size:.85em;padding:0;margin:0!important;}
#news .meta {color: #AAA;font-size:.85em;padding:0 0 10px 0;margin-bottom:10px;}

.newsHeadlines .excerpt {font-size:.95em;}

.headlineTitle {font-size:1.2em;line-height:.95em;padding:5px 0 10px 0;}
.headlineTitle p {margin:0;}

.postHeadline a {font-size: 1.5em;line-height:1.2em;padding:0;margin:0;}

.attachment-post-thumb, .has-post-thumbnail img {float:left; padding: 0; margin:0 30px 10px 0;border-radius:3px;max-width:200px;}



.nextprev {font-size:85%;line-height:normal;}

.categories a {
  font-size: 0.8em;
  font-weight:500;
  text-transform:uppercase;
  line-height: normal;
  margin-right: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  padding: 4px 7px;
  color: #999;
  background:#efefef;
}
.categories a:hover {background:#efa301;color:#fff;}



/* numerical pagination ------------------------------------------------------ */
.navigation ul {padding:0;font-weight:600;font-size:.8em;}
.navigation li {display: inline;}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
  border-radius: 3px;
  cursor: pointer;
  padding: 5px 10px 5px 10px;
  color: #777;
  text-decoration:none;
  border:1px solid #DDD;
  font-weight:500;
}
.navigation li a:hover,
.navigation li.active a {background-color: #EEE;color:#666;}



/* WP 3.6 Native Audio Player styling*/

.mejs-container {margin:10px 0 20px 0;}

/* change the color of the background */
.mejs-controls,
.mejs-mediaelement,
.mejs-container {
  background: url('') !important;
  background-color: #EEE !important;
  border:1px solid #DDD;
}

/* change the color of the lettering */
.mejs-currenttime,
.mejs-duration {
  color: black !important;
}

/* eliminate the yellow border around the play button during playback */
.mejs-controls .mejs-button button:focus {
outline: none !important;
}

/* use a sprite file with darker transport icons */
.mejs-controls .mejs-button button {
  background-image: url('images/mejs-controls-dark.svg') !important;
}

/* change the color of the progress bar */
.mejs-controls .mejs-time-rail .mejs-time-total {
  background: #FFF !important;
}

/* change the color of the current time bar */
.mejs-controls .mejs-time-rail .mejs-time-current,
.mejs-controls .mejs-horizontal-volume-current {
  background: #efa301 !important;
}

/* change the color of the file loading bar */
.mejs-controls .mejs-time-rail .mejs-time-loaded {
  background: #EEE !important;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-controls .mejs-time-rail .mejs-time-total {
  background: #FFF !important;
}


















/* =Media Queries
/////////////////////////////////////////////////////////////////////////// */

@media all and (max-width: 1024px) {

    .footerlogo img {max-width:250px;margin-bottom:20px;}

}


@media all and (max-width: 1023px) {

    #nav-trigger {display: block; }
    nav#nav-main {display: none; }
	  nav#nav-main a {
    padding: .75em;
    font-size:.9em;
  }
    nav#nav-mobile {display: block; }

	.logo {padding:10px 20px 0 20px;max-width:280px;}


    /* nav button ----------------------------- */
    nav#nav-mobile ul li:last-child a {
      background:#F90;
      color:#FFF;
    }
    nav#nav-mobile ul li:last-child a:hover {
      color:#fff;
      background:#666;
    }

    td {padding: 9px 10px; }
	
	.columns-four {column-count: 3;}
	
	.featuredImage img {
	  object-fit: none;
	  height: auto;
	  margin:0 auto;
	}

}



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

    #nav-trigger {text-align: center;margin:0;}

    .logo {margin:0 auto;float:none;padding:10px 0 0 0; }
    .utilitymenu ul {text-align: center;}
    .attachment-post-thumb, .has-post-thumbnail img {display:none;}
	 
	.columns-three,
	 .columns-four {column-count: 2;}
	 
	.featuredImage {height:auto;}
	.featuredImage img {
	  object-fit: cover;
	  object-position: center;
	  height: auto;
	  margin:0;
	}

 }