/*
Theme Name:     AsylumSiteChildTheme1
Description:    04/18/2014
Author:         Cira
Template:       montreal

(optional values you can add: Theme URI, Author URI, Version)

*/

@import url("../montreal/style.css");

#navigationmain {
box-shadow: 0px 2px 4px rgba(0,0,0,.6);
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,.6);
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,.6);
}

textarea:focus, input:focus{
    outline: 0;
}

*:focus {
    outline: 0;
outline: none;
}

.wp-caption, .gallery-caption {
margin-top: 0px !important;
margin-right: 15px;
margin-bottom:20px;
}

.wp-caption-text {
font-style: normal !important;;
font-size: 13px !important;
color: #555555;
padding-left: 3px;
}

.no-break {
padding-top: 40px; 
}

input:focus{
outline:none;
}

@media all and (min-width: 768px) {
.aboutpagesidebar {
float: left !important;
height: 30000px !important;
position: absolute;
z-index: 22 !important;
margin-left: -20px !important;
margin-top: 0px !important;
width: 269px !important;
background: url(/wp-content/uploads/2014/07/sidebarbg2.png) !important;
}
	
.blogpostformat {
padding-right: 15px !important;
padding-left: 15px !important;
padding-top: 160px !important;
float: left;
width: 605px !important;
}

.blogpostformat p {
font-size: 16px !important;
}
}

@media all and (max-width: 767px) {
.aboutpagesidebar {
display: none;
}
.blogpostformat {
padding-right: 18px !important;
padding-left: 18px !important;
padding-top: 60px !important;
}
}

.fadeinclass {
  opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

.fadeinclass:hover{
  opacity: 0.7;
}

.fadeinclassopp {
  opacity: 0.8;
   transition: opacity .5s ease-in-out;
   -moz-transition: opacity .5s ease-in-out;
   -webkit-transition: opacity .5s ease-in-out;
}

.fadeinclassopp:hover{
  opacity: 1; 
}

@media all and (max-width: 767px) {
.joinusicon {
height: 22px !important;
width: auto !important;
margin-right: -5px;
}
}

@media all and (min-width: 768px) {
.joinusicon {
margin-right:1px !important;
margin-top: 3px !important;
margin-bottom: 4px !important;
width: auto !important;
z-index: 30030 !important;
}
}

@media all and (max-width: 767px) {
.classesicon {
height: 22px !important;
width: auto !important;
margin-right: -5px;
}
}

@media all and (min-width: 768px) {
.classesicon {
margin-right: 4px !important;
margin-top: 3px !important;
margin-bottom: 4px !important;
width: auto !important;
z-index: 30030 !important;
}
}

@media all and (max-width: 767px) {
.calendaricon {
height: 22px !important;
width: auto !important;
margin-right: 0px;
}
}

@media all and (min-width: 768px) {
.calendaricon {
margin-right: -1px !important;
margin-top: 3px !important;
margin-bottom: 4px !important;
width: auto !important;
z-index: 30030 !important;
}
}

@media all and (max-width: 767px) {
.mailinglisticon {
height: 22px !important;
width: auto !important;
margin-right: -6px;
}
}

@media all and (min-width: 768px) {
.mailinglisticon {
margin-right: 4px !important;
margin-top: 3px !important;
margin-bottom: 4px !important;
width: auto !important;
z-index: 30030 !important;
}
}

@media all and (max-width: 767px) {
.wikiicon {
height: 22px !important;
width: auto !important;
margin-right: 0px;
}
}

@media all and (min-width: 768px) {
.wikiicon {
margin-right: -5px !important;
margin-top: 3px !important;
margin-bottom: 4px !important;
width: auto !important;
z-index: 30030 !important;
}
}

@media all and (max-width: 767px) {
.homepagedesktop {
display:none;
position: absolute;
margin-top: -150px;
margin-left: -130px;
width: 299px;
height: 224px;
z-index: 20000 !important;
}
}

@media all and (min-width: 768px) {
.homepagedesktop {
display:block;
position: absolute;
margin-top: -150px;
margin-left: -130px;
width: 299px;
height: 224px;
z-index: 20000 !important;
}
}

@media all and (max-width: 767px) {
.homepagemobile {
position:fixed;
z-index: 20002 !important; 
margin-top: -65px; 
margin-left: -130px;
width: 114px;
height: auto;
}
}

@media all and (min-width: 768px) {
.homepagemobile {
position:fixed;
z-index: 20002 !important; 
margin-top: -65px; 
margin-left: -130px;
width: 114px;
height: auto;
display: none;
}
}

@media all and (max-width: 767px) {
.logoinheader {
display: none;
position: absolute;
margin-top: -150px;
margin-left: -130px;
width: 299px;
height: 224px;
z-index: 20000 !important;
}
}

@media all and (min-width: 768px) {
.logoinheader {
display:none;
position: absolute;
margin-top: -150px;
margin-left: -130px;
width: 299px;
height: 224px;
z-index: 20000 !important;
}
}

@media all and (max-width: 767px) {
.logoinheadermobile {
display: inline;
margin-top: -26px;
margin-right: -26px;
height: 133px !important;
width: 177px !important;
}
}

@media all and (min-width: 768px) {
.logoinheadermobile {
display:none;
}
}

@media all and (max-width: 767px) {
.mobilemenu {
display:block;
position: absolute;
margin-left:185px;
text-align: center;
font-size: 17px;
z-index: 20030 !important; 
}
}

@media all and (min-width: 768px) {
.mobilemenu {
display:none;
}
}

#sticky {
  padding: 0.2ex;
  width: 300px;
  color: #fff;
  font-size: 2em;
	margin-top: 0px;
z-index: 10000;
  border-radius: 0.5ex;
}

#sticky.stick {
  position: fixed;
top: 12px;
z-index: 10000;
  border-radius: 0 0 0.5em 0.5em;
}

#pagetitlesticky {
  padding: 0.2ex;
  width: 300px;
  color: #fff;
  font-size: 2em;
margin-top: 0px;
z-index: 10000;
  border-radius: 0.5ex;
}

#pagetitlesticky.stick {
  position: fixed;
top: 50px;
z-index: 10000;
  border-radius: 0 0 0.5em 0.5em;
}

.pagetitletext {
padding-top: 142px; 
margin-left: -35px;
}

#pagetitlebarsticky {
  color: #fff;
  font-size: 2em;
margin-top: -200px;
z-index: 90000 !important;
background-color: #ff0000;
  border-radius: 0.5ex;
}

#pagetitlebarsticky.stick {
  position: fixed;
top: 0px;
z-index: 90000 !important;
background-color: #ff0000;
  border-radius: 0 0 0.5em 0.5em;
}


@media all and (max-width: 998px) {
.homepagelargemenugraphics {
height:390px !important;
}
}

@media all and (min-width: 999px) {
.homepagelargemenugraphics {
height:420px !important;
}
}

@media all and (min-width: 1111px) {
.homepagelargemenugraphics {
height:438px !important;
}
}

@media all and (min-width: 1283px) {
.homepagelargemenugraphics {
height:500px !important;
}
}

@media all and (min-width: 1486px) {
.homepagelargemenugraphics {
height:580px !important;
}
}

.pagetitlebartext {
height: 350px !important;
}

.headerimage {
z-index: 50000;
}

.pagetitlecontainer {
background-color: #000;
height: 80px;
}

@media all and (max-width: 767px) {
.js .selectnav {
font-family: 'Roboto Condensed' !important;
margin-top: 10px !important;
z-index: 9999999 !important;
display: block;
}
}

header {
z-index: 500;
border-top: 10px;
border-top: none;
background-color: #000;
}

#navigationmain ul {
padding: 1px 0px 20px 0px;
list-style: none;
}

footer.black a {
color: #FFFFFF !important;
}

#navigationmain > ul ul > li {
font-family: 'Roboto Slab', serif;
text-transform: none;
font-weight: 400;
}

.slideshow {
border-bottom: none;
}

@media all and (max-width: 767px) {
.showhidemobile {
display:none !important;
}

.showhidedesktop {
display:block !important;
}

.floatrightmobile {
}

.footerleftcolumnfix {
}

.asylumfooterlinks {
text-align: center !important;
font-size: 16px;
color: #FFFFFF !important;;
}

.asylumfooterlinks a:link {
color: #FFFFFF !important;
}

.asylumfooterlinks a:visited {
color: #FFFFFF !important;
}

.asylumfooterlinks a:hover {
color: #df4a04 !important;
text-decoration: underline !important;
}

.asylumfooterlinks a:active {
color: #df4a04 !important;
text-decoration: underline !important;
}
}

@media all and (min-width: 768px) {
.showhidemobile {
display:block;
}

.showhidedesktop {
display:none !important;
}
	
.floatrightmobile {
float: right;
}
	
.footerleftcolumnfix {
margin-left: -12px !important;
padding-right: 53px !important;
}

.asylumfooterlinks {
padding-left: 1px !important;
font-size: 16px;
color: #FFFFFF;
}

.asylumfooterlinks a {
color: #FFFFFF !important;
}

.asylumfooterlinks a:visited {
color: #FFFFFF !important;
}

.asylumfooterlinks a:hover {
color: #df4a04 !important;
text-decoration: underline !important;
}

.asylumfooterlinks a:active {
color: #df4a04 !important;
text-decoration: underline !important;
}
}

@media all and (max-width: 767px) {
.showhidemobilenoblock {
display:none !important;
}
}

@media all and (min-width: 768px) {
.showhidemobilenoblock {
}
}

#navigationmain > ul > li > ul {
width: 220px;
margin-left: -95px;
}

#navigationmain > ul > li > a:hover {
color: #f43838;
}

#navigationmain > ul > li > a  {
color: #fff;
}

#navigationmain ul ul a {
font-size: 16px;
font-family: 'roboto condensed' !important;
font-weight: 400 !important;
padding: 12px 8px 12px 16px;
}

#navigationmain > ul > li.active a, #navigationmain > ul > li.current-menu-item a {
color: inheret;
}

.blackborderbottom {
border-bottom: 1px solid #000000;
}

@media all and (max-width: 689px) {
.itemsonhomepage {
width: 100%;
}
.homepagemoveover {
}
}


@media all and (min-width: 690px) {
.itemsonhomepage {
width: 100%;
}
.homepagemoveover {
padding-left: 4px;
padding-right: 4px;
}
}



@media all and (max-width: 767px) {
.centerit {
margin-left: auto;
margin-right: auto;
}
}

@media all and (min-width: 768px) {
.centerit {
padding-left: 1px;
}
}

@media all and (min-width: 768px) {
.headerimage {
background-repeat:no-repeat;
background-position-y: 73px !important;
background-size:100% !important;
width: 100% !important; 
height: 426px; 
padding: 0px !important; 
margin-bottom: 0px;
position: relative;
z-index: 35;
border-bottom: 1px solid #000000; 
background-position: 0px 73px !important;
}

.folioheader {
background-color: #555555;
width: 100% !important; 
height: 203px; 
padding: 0px !important; 
margin-bottom: 0px;
position: relative;
z-index: 35;
border-bottom: 1px solid #000000; 
background-position: 0px 73px !important;
}

.folioheaderevents {
background-color: #ACACAC;
width: 100% !important; 
height: 139px; 
padding: 0px !important; 
margin-bottom: 0px;
position: fixed;
z-index: 35;
border-bottom: 1px solid #000000; 
background-position: 0px 73px !important;
}


}

@media all and (max-width: 767px) {
.headerimage {
background-repeat: no-repeat;
background-position-y: 143px !important;
background-position: 0px 143px !important;
background-size: contain !important;
padding: 0px !important;
height: 232px;
margin-top: 0px !important;
background-color: #FFFFFF !important;
z-index: 777777 !important;
}
.folioheader {
background-repeat: no-repeat;
background-position-y: 111px !important;
background-position: 0px 111px !important;
background-size: contain !important;
padding: 0px !important;
height: 205px;
margin-top: 3px !important;
background-color: #FFFFFF !important;
z-index: 777777 !important;
}

.folioheaderevents {
background-repeat: no-repeat;
background-position-y: 111px !important;
background-position: 0px 111px !important;
background-size: contain !important;
padding: 0px !important;
height: 205px;
margin-top: 3px !important;
background-color: #FFFFFF !important;
z-index: 777777 !important;
}

.mainpageintrocontainer {
line-height: 50px;
}

.mainpageintroserif {
font-family: 'Droid Serif', serif !important;
font-size: 34px !important;
font-style: italic !important;
line-height: 50px;
text-shadow: -2px 2px 1px rgba(0, 0, 0, 1);
letter-spacing: -0.2pt;
}
}




@media all and (min-width: 768px) {
.mainpageintroserif {
font-family: 'Droid Serif', serif;
font-size: 58px;
font-style: italic !important;
text-shadow: -2px 2px 1px rgba(0, 0, 0, 1);
letter-spacing: -0.4pt;
line-height: 59px !important;
}

.mainpageintrocontainer {
line-height: 59px !important;
}
}

.mainpageintroserifbolder {
font-family: 'Droid Serif', serif;
font-size: 53px;
font-weight: 700;
font-style: italic !important;
text-shadow: -2px 2px 1px rgba(0, 0, 0, 1);
letter-spacing: -0.4pt;
}

.mainpageintroslab {
font-family: 'Roboto Slab', sans-serif;
font-size: 50px;
line-height: 63px;
text-shadow: -2px 2px 1px rgba(0, 0, 0, 1);
}

.mainpageintroscript {
font-family: 'Pacifico', sans-serif;
font-weight: 400;
font-size: 48px;
line-height: 58px;
text-shadow: -2px 2px 1px rgba(0, 0, 0, 1);
}



.pageheadertext  {
font-family: 'Roboto Slab', sans-serif;
text-shadow: -1px 1px 1px rgba(150, 150, 150, 1);
color: #FFFFFF;
}

h1 {
padding: 7px;
margin-bottom: 0px;
}

h6 {
background-color: rgba(0, 0, 0, 0.84);
padding-left: 9px;
font-size: 20px;
-webkit-font-smoothing: subpixel-antialiased;
}

.frontpagelinks a {
font-family: 'Roboto Slab', serif;
font-size: 34px;
font-weight: 300;
color: #DA8D07;
}

.frontpagelinks a:hover {
font-family: 'Roboto Slab', serif;
color: #111111;
font-size: 34px;
font-weight: 300;
}

.homepagesubtitle {
font-family: 'Roboto Slab', serif;
color: #FFFFFF;
font-weight: 300;
background-color: #DA8D07;
padding-left:3px;
font-size: 23px;
padding-top: 0px !important;
}

.frontpagelinksmake a {
font-family: 'Roboto Slab', serif;
font-size: 34px;
font-weight: 300;
color: #DA8D07;
 opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

.frontpagelinksmake a:hover {
font-family: 'Roboto Slab', serif;
opacity: 0.7 !important;
font-size: 34px;
font-weight: 300;
color: #DA8D07 !important;
}

.homepagesubtitlemake {
font-family: 'Roboto Slab', serif;
color: #FFFFFF;
font-weight: 300;
background-color: #DA8D07;
padding-left:3px;
font-size: 23px;
padding-top: 0px !important;
}

.frontpagelinkswork a {
font-family: 'Roboto Slab', serif;
font-size: 34px;
font-weight: 300;
color: #70467E;
  opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

.frontpagelinkswork a:hover {
font-family: 'Roboto Slab', serif;
opacity: 0.7 !important;
font-size: 34px;
font-weight: 300;
color: #70467E !important;
}

.homepagesubtitlework {
font-family: 'Roboto Slab', serif;
color: #FFFFFF;
font-weight: 300;
background-color: #70467E;
padding-left:3px;
font-size: 23px;
padding-top: 0px !important;
}

.frontpagelinkslearn a {
font-family: 'Roboto Slab', serif;
font-size: 34px;
font-weight: 300;
color: #4669B4;
  opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

.frontpagelinkslearn a:hover {
font-family: 'Roboto Slab', serif;
font-size: 34px;
font-weight: 300;
opacity: 0.7 !important;
color: #4669B4 !important;

}

.homepagesubtitlelearn {
font-family: 'Roboto Slab', serif;
color: #FFFFFF;
font-weight: 300;
background-color: #4669B4;
padding-left:3px;
font-size: 23px;
padding-top: 0px !important;
}

.frontpagelinksplay a {
font-family: 'Roboto Slab', serif;
font-size: 34px;
font-weight: 300;
color: #4EAC29;
  opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

.frontpagelinksplay a:hover {
font-family: 'Roboto Slab', serif;
opacity: 0.7 !important;
font-size: 34px;
font-weight: 300;
color: #4EAC29 !important;

}

.homepagesubtitleplay {
font-family: 'Roboto Slab', serif;
background-color: #4EAC29;
font-weight: 300;
color: #FFFFFF;
padding-left:3px;
font-size: 23px;
padding-top: 0px !important;
}

.missionbg {
background-color: #222222;
}

.teslabg {
background: url(/wp-content/uploads/2014/04/stripesblack.png);
}


@media all and (max-width: 767px) {
.missiontext {
font-family: 'Droid Serif', serif;
font-size: 21px;
color: #111111;
font-style: italic !important;
letter-spacing: -0.4pt;
padding-left: 10px;
padding-right: 10px;
}
}

@media all and (min-width: 768px) {
.missiontext {
font-family: 'Droid Serif', serif;
font-size: 22px;
color: #111111;
font-style: italic !important;
letter-spacing: -0.35pt;
text-shadow: -3px 3px 1px rgba(255, 255, 255, 1);
background: url('/wp-content/uploads/2014/05/geodesiclight1.png');
background-repeat: no-repeat;
}
}

.alignleft {
float:left;
display:inline;
}

#navigationmain > ul > li > a {
font-size: 19px;
-webkit-font-smoothing: antialiased !important;
font-weight: 400;
letter-spacing: 1px;
padding-left: 32px;
text-shadow: -1px 1px 1px rgba(0, 0, 0, 1);
}


.white p {
font-size: inherit;
font-family: 'Roboto', sans-serif;
color: #555555;
-webkit-font-smoothing: antialiased !important;
}

p a, p a:visited {
font-weight: 700;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
}

p a:hover {
font-weight: 700;
text-decoration: underline;
color: #dd171f;
}

a { 
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
}

a:hover {
color: #dd171f;
text-decoration: none;

}

.p {
font-size: 17px;
color: #333333;

}

table tbody tr td {
color: #545F64;
border: 0px;
border: none;
font-size: 18px;
}

table tbody tr {
border: 0px;
border: none;
font-size: 18px;

}

#toTop {
background: none !important;
}

#toTopHover {
background: none !important;
}

h2 {
font-family: 'Roboto Slab', serif;
font-weight: 300;
font-size: 31px;
color: #888A8B !important;
text-transform: uppercase !important;
padding-bottom: 22px !important;
text-align: center;
padding-top: 20px !important;
}

h3 {
font-family: 'Roboto Slab', serif;
font-weight: 400;
font-size: 22px;
color: #444444;
-webkit-font-smoothing: antialiased !important;
}


.white {
background: #ffffff;
background-color: #ffffff;
}

table {
background: #eeeeee;
}

.robotbg {
overflow-y: visible;
height: 100px;
}

.titleposition {
margin-left: -2px;
}

@media all and (max-width: 767px) {
.pagecontentdiv {
display: block;
padding-top: 3px;
padding-bottom: 60px;

}

.folioapagecontentdiv {
display: block;
padding-top: 43px;
padding-bottom: 60px;
}

.foliocpagecontentdiv {
display: block;
padding-top: 43px;
padding-bottom: 60px;
}


.blackborderbottom {
border-bottom: 1px solid #000000;
}
}


@media all and (min-width: 768px) {
.pagecontentdiv {
padding-left:328px;
padding-top: 60px;
padding-bottom: 240px;
}

folioapagecontentdiv {
margin-left: 20px;
margin-right: 20px;
padding-top: 60px;
padding-bottom: 240px;
max-width: 1600px;
}

foliocpagecontentdiv {
margin-left: 20px;
margin-right: 20px;
padding-top: 60px;
padding-bottom: 240px;
max-width: 1600px;
background-color: #cccccc !important;  
}

.blackborderbottom {
border-bottom: 1px solid #000000;
}
}


.pagecontentdiv ul {
font-family: 'Roboto', sans-serif;
color: #524F49;
font-size: 18px;
font-weight: 300 !important;
}


#sidebaroverlay {
    position: fixed;
    top: 150px;
    left: 20px;
    width: 200px;
    height: 100px;
    border: 1px dotted;
    background: red;
z-index: 888888;
}

@media all and (min-width: 768px) {
.aboutpagetitletext {
font-family: 'Droid Serif', serif;
font-size: 66px;
font-style: italic !important;
text-shadow: -2px 2px 1px rgba(0, 0, 0, 1);
letter-spacing: -0.4pt;
color: #ffffff;
font-weight: 300;
-webkit-font-smoothing: antialiased !important;
margin-left:2px;
margin-top: 238px;
}

.foliopagetitletext {
font-family: 'Droid Serif', serif;
font-size: 52px;
font-style: italic !important;
text-shadow: -2px 2px 1px rgba(0, 0, 0, 1);
letter-spacing: -0.4pt;
color: #ffffff;
font-weight: 300;
-webkit-font-smoothing: antialiased !important;
margin-left:0px;
margin-top:26px;
}

.foliopagetitletextevents {
font-family: 'Droid Serif', serif;
font-size: 40px;
font-style: italic !important;
text-shadow: -2px 2px 1px rgba(0, 0, 0, 1);
letter-spacing: -0.2pt;
color: #ffffff;
font-weight: 300;
-webkit-font-smoothing: antialiased !important;
margin-left:312px;
margin-top:-36px;
}
}

@media all and (max-width: 767px) {
.aboutpagetitletext {
font-family: 'Droid Serif', serif;
font-size: 48px;
font-style: italic !important;
background-color: #000000;
text-shadow: -2px 2px 1px rgba(0, 0, 0, 1);
letter-spacing: -0.4pt;
color: #ffffff;
font-weight: 300;
margin-left: auto;
padding-left: 18px;
padding-right: 10px;
margin-right: auto;
width: 100%;
-webkit-font-smoothing: antialiased !important;
margin-top: 23%;
text-align: left !important;
display: none !important;
}
.foliopagetitletext {
font-family: 'Droid Serif', serif;
font-size: 48px;
font-style: italic !important;
background-color: #000000;
text-shadow: -2px 2px 1px rgba(0, 0, 0, 1);
letter-spacing: -0.4pt;
color: #ffffff;
font-weight: 300;
margin-left: auto;
padding-left: 18px;
padding-right: 10px;
margin-right: auto;
width: 100%;
-webkit-font-smoothing: antialiased !important;
margin-top: 3px;
text-align: left !important;
}

.foliopagetitletextevents {
font-family: 'Droid Serif', serif;
font-size: 48px;
font-style: italic !important;
background-color: #000000;
text-shadow: -2px 2px 1px rgba(0, 0, 0, 1);
letter-spacing: -0.4pt;
color: #ffffff;
font-weight: 300;
margin-left: auto;
padding-left: 18px;
padding-right: 10px;
margin-right: auto;
width: 100%;
-webkit-font-smoothing: antialiased !important;
margin-top: 3px;
text-align: left !important;
}
}

#click-menu {
left: 2px !important;
z-index: 99999;
top: 7px !important;
position: fixed;
}


@media all and (max-width: 767px) {
.topnavbar {
height: 59px !important;
}
}

@media all and (min-width: 768px) {
.topnavbar {
}
}

#responsive-menu {
width: 260px !important;
overflow-y: visible;
font-size: 14px;
}

#responsive-menu #responsive-menu-title {
padding: 10px 0px 5px 5% !important;
}

li {	
list-style: none;
text-align: left !important;
}

@media all and (max-width: 767px) {
.pagecontentdiv li {
list-style-type: square;
list-style-position: inside;
text-align: left !important;
margin-left: 15px;
font-family: 'Roboto';
}
}

@media all and (min-width: 768px) {
.pagecontentdiv li {
list-style-type: square;
list-style-position: inside;
font-family: 'Roboto';
color: #777777;
}
}

#responsive-menu-title a {
width: auto !important;
padding-left: 60px !important;
font-family: 'Oswald' sans-serif;
font-weight: 400;
font-size: 24px;
text-shadow: -2px 2px 1px rgba(0, 0, 0, 0.4);

}

#responsive-menu .responsive-menu li a {
padding: 8px 0px 5px 10px !important;
}

#responsive-menu .appendLink {
padding: 7px 5px 2px 5px !important;
border-top: 1px solid #3C3C3C !important;
border-bottom: none !important;
border-right: none !important;
border-left: none !important;
background-color: transparent !important;
}

#responsive-menu .responsive-menu, #responsive-menu div, #responsive-menu .responsive-menu li {
margin-bottom: 0px !important;
font-weight: 700 !important;

}

#responsive-menu .responsive-menu ul {
margin-top: 0px !important;
margin-bottom: 0px !important;
}


#responsive-menu .appendLink {
font-size: 17px !important;
}

#responsive-menu .responsive-menu, #responsive-menu div, #responsive-menu .responsive-menu li {
font-size: 15px;
-webkit-font-smoothing: antialiased !important;
}




@media all and (min-width: 1000px) {
#classesposted {
display: fixed;    
position: absolute;
    bottom:-5px;
right: 0px;
}
}

@media all and (max-width: 999px) {
#classesposted {
display: none;    
}
}


@media all and (min-width: 1000px) {
#recentblogpostshomepage {
display: fixed;    
position: absolute;
 bottom:-5px;
right: 0px;
width: 100%;
padding-top: 3px;
background: #494949;
border-top: #111111 solid 1px;
border-bottom: #111111 solid 1px;
height: 43px !important;
color: #FFFFFF;
text-shadow: -1px 1px 2px rgba(22, 22, 22, .93) !important;
}
}


@media all and (max-width: 999px) {
#recentblogpostshomepage {
display: fixed;    
position: absolute;
bottom:49px !important;
right: 0px;
width: 100%;
padding-top: 5px;
padding-bottom: 5px !important;
background: #494949;
border-top: #111111 solid 1px;
border-bottom: #111111 solid 1px;
height: auto !important;
max-height: 150px !important;
color: #FFFFFF;
text-align: left !important;
line-height: 22px;
text-shadow: -1px 1px 2px rgba(22, 22, 22, .8) !important;
}
}




@media all and (min-width: 768px) {
.sidebarmenuitemleftdesktop {
display: block;    
position: absolute;
margin-left: -320px;
width: 234px;
font-family: 'Roboto Slab';
font-weight: 400;
z-index: 71 !important;
padding-top: 6px;
}
}

@media all and (max-width: 767px) {
.sidebarmenuitemleftdesktop {
display: none;    
}
}

@media all and (max-width: 599px) {
.showfordesktoponly {
display: none !important;
}

.showformobileonly {
display: block !important;
}

}

@media all and (min-width: 600px) {
.showfordesktoponly {
display: block !important;
margin-left: -26px !important;
}

.showformobileonly {
display: none !important;
}

}

#sidebarlinksappear {
    opacity: 0;
display: block;
z-index: 200 !important;
}

.sidebarlinksappearnoopacity {
    opacity: 1 !important;
z-index: 201 !important;
transition: opacity .5s ease-in-out;
   -moz-transition: opacity .5s ease-in-out;
   -webkit-transition: opacity .5s ease-in-out;
}

.sidebarlinksappearon {
    opacity: 1 !important;
z-index: 201 !important;
transition: opacity .5s ease-in-out;
   -moz-transition: opacity .5s ease-in-out;
   -webkit-transition: opacity .5s ease-in-out;
}

.sidebarlinksappearoff {
    opacity: 0.3 !important;
z-index: 201 !important;
transition: opacity .5s ease-in-out;
   -moz-transition: opacity .5s ease-in-out;
   -webkit-transition: opacity .5s ease-in-out;
}



.sidebarproperties {
z-index:50 !important; 
position: absolute !important; 
margin-top: 131px !important; 
margin-left: -334px !important; 
width: 233px; 
height: auto; 
display: inline;
font-size: 18px;
line-height: 27px;
font-family: 'Roboto Slab', serif;
color: #8A9CA3 !important;
}

.sidebarheader {
font-family: 'Roboto Slab', serif !important; 
font-size: 15px !important;
padding-left: 5px; 
color: #2E2F3A;
letter-spacing: 0pt !important;
font-weight:400 !important; 
margin-top: 23px !important;
margin-bottom: -3px !important; 
display: block !important;
-webkit-font-smoothing: antialiased !important;
text-transform: uppercase !important;
}

.sidebarnavcurrentpagewrap {
padding-left: 1px; 
padding-right: 1px; 
padding-bottom: 3px;
padding-top: 3px;
display: block !important;
text-align: center !important;
font-family: 'Oswald',  !important;
font-size: 19px !important;
letter-spacing: -0.15pt !important;
font-weight: 300 !important;
color: #c4c4c4 !important;
background: #FFFFFF !important;
-webkit-font-smoothing: antialiased !important;
}

.sidebarnavcurrentpage {
padding-left: 5px; 
padding-right: 5px; 
padding-bottom: 1px;
padding-top: 2px;
display: inline !important;
text-align: center !important;
font-family: 'Oswald',  !important;
font-size:19px !important;
letter-spacing: 0.25pt !important;
font-weight: 300 !important;
color: #333333 !important;
-webkit-font-smoothing: antialiased !important;
}

a:link.sidebarnavcurrentpage {
font-family: 'Oswald', serif !important;
color: #222222 !important;
font-weight: 300 !important;
text-decoration: none !important;
-webkit-font-smoothing: antialiased !important;
display: inline !important;
}

a:visited.sidebarnavcurrentpage {
font-family: 'Oswald', serif !important;
color: #222222 !important;
font-weight: 300 !important;
text-decoration: none !important;
-webkit-font-smoothing: antialiased !important;
display: inline !important;
}

a:hover.sidebarnavcurrentpage {
font-family: 'Oswald', serif !important;
color: #222222 !important;
font-weight: 300 !important;
text-decoration: none !important;
-webkit-font-smoothing: antialiased !important;
display: inline !important;
}


.sidebarmenuitemclasses {
background: none !important; 
padding-left: 6px; 
padding-right: 6px; 
padding-bottom: 1px;
display: block;
font-family: 'Roboto Slab', serif !important;
font-size: 14px !important;
line-height: 19px !important;
letter-spacing: -0.25pt;
font-weight: 700 !important;
text-decoration: none !important;
-webkit-font-smoothing: antialiased !important;
}

a:link.sidebarmenuitemclasses {
color: #364252  !important;
text-decoration: none !important;
-webkit-font-smoothing: antialiased !important;
}

a:visited.sidebarmenuitemclasses {
color: #364252 !important;
text-decoration: none !important;
-webkit-font-smoothing: antialiased !important;
}

a:hover.sidebarmenuitemclasses {
color: #222222 !important;
text-decoration: none !important;
-webkit-font-smoothing: antialiased !important;
}


.sidebarmenuitem {
background: #4A5F79 !important; 
padding-left: 6px; 
padding-right: 6px; 
padding-bottom: 1px;
display: inline;
font-family: 'Roboto Slab', serif !important;
font-size: 17px !important;
line-height: 27px !important;
letter-spacing: -0.25pt;
font-weight: 400 !important;
text-decoration: none !important;
-webkit-font-smoothing: antialiased !important;
}

a:link.sidebarmenuitem {
color: #FFFFFF !important;
text-decoration: none !important;
-webkit-font-smoothing: antialiased !important;
}

a:visited.sidebarmenuitem {
color: #FFFFFF !important;
text-decoration: none !important;
-webkit-font-smoothing: antialiased !important;
}

a:hover.sidebarmenuitem {
color: #FFFFFF !important;
text-decoration: none !important;
-webkit-font-smoothing: antialiased !important;
}


.sidebarmenuseealso {
background: #71879E !important; 
padding-left: 6px; 
padding-right: 6px; 
padding-bottom: 1px;
display: inline;
font-family: 'Roboto Slab', serif !important;
font-size: 17px !important;
line-height: 27px !important;
letter-spacing: -0.25pt;
font-weight: 400 !important;
text-decoration: none !important;
-webkit-font-smoothing: antialiased !important;
}

a:link.sidebarmenuseealso {
color: #FFFFFF !important;
text-decoration: none !important;
-webkit-font-smoothing: antialiased !important;
}

a:visited.sidebarmenuseealso {
color: #FFFFFF !important;
text-decoration: none !important;
-webkit-font-smoothing: antialiased !important;
}

a:hover.sidebarmenuseealso {
color: #FFFFFF !important;
text-decoration: none !important;
-webkit-font-smoothing: antialiased !important;
}

.sidebarmenugototop {
background: #9E9E9E !important; 
padding-left: 6px; 
padding-right: 6px; 
padding-bottom: 1px;
display: inline;
font-family: 'Roboto Slab', serif !important;
font-size: 16px !important;
text-transform: uppercase !important;
letter-spacing: -0.25pt;
font-weight: 700 !important;
text-decoration: none !important;
-webkit-font-smoothing: antialiased !important;
}

a:link.sidebarmenugototop {
color: #EEEEEE !important;
text-decoration: none !important;
-webkit-font-smoothing: antialiased !important;
}

a:visited.sidebarmenugototop {
color: #EEEEEE !important;
text-decoration: none !important;
-webkit-font-smoothing: antialiased !important;
}

a:hover.sidebarmenugototop {
color: #FFFFFF !important;
text-decoration: none !important;
-webkit-font-smoothing: antialiased !important;
}


.sidebarnavitem {
padding-left: 6px; 
padding-right: 3px; 
padding-bottom: 1px;
display: inline !important;
font-size: 22px !important;
letter-spacing: 0.6pt !important;
font-family: 'Oswald', serif !important;
font-weight: 300 !important;
-webkit-font-smoothing: antialiased !important;
}

a:link.sidebarnavitem {
color: #464B53 !important;
text-decoration: none !important;
-webkit-font-smoothing: antialiased !important;
}

a:visited.sidebarnavitem {
color: #464B53 !important;
text-decoration: none !important;
-webkit-font-smoothing: antialiased !important;
}

a:hover.sidebarnavitem {
color: #202020 !important;
text-decoration: none !important;
-webkit-font-smoothing: antialiased !important;
}

.sidebarnavanchor {
top: -77px !important; 
display: block; 
position: relative !important;
}

.contentitalics {
font-weight: 300;
font-style: italic;
}

.profilesubhead {
display: block
position: absolute;
margin-left: -311px;
margin-top: -215px;
}

@media all and (min-width: 1401px) {
.onemininterviewscolumns {
max-width: 1450px;
}
}


@media all and (max-width: 1400px) {
.onemininterviewscolumns {
max-width: 1020px;

}
}

.pasteventscontainer {
max-width: 1160px !important;
}




@media all and (max-width: 1019px) {
.portfoliogridcolumns {
max-width: 971px;
width: auto; 
}
}


@media all and (min-width: 1020px) {
.portfoliogridcolumns {
width: 1000px !important;
max-width: 1000px !important;
padding-left: 21px !important;
padding-top: 20px !important;
}
}


@media all and (min-width: 768px) {
.videocolumn {
width: 230px;
padding-left: 4px;
padding-right: 4px;
margin-left:3px;
margin-right: 3px;
float: left;
min-height: 1px;
position: relative;
height: 310px;
}
}

@media all and (max-width: 767px) {
.videocolumn {
width: 230px;
padding-left: 8px;
padding-right: 8px;
float: none;
min-height: 1px;
position: relative;
height: 355px;
}
}

#videobox    {  width:230px;
           height:153px;
           box-shadow:inset 1px 1px 30px 0 rgba(0,0,0,.75);
          border-bottom:2px solid #fff;
          border-right:2px solid #fff;
  background-size:cover;
overflow:hidden;
border: 1px #555555 solid;
}


#videooverlay    {  background:rgba(0,0,0,.75);
               text-align:center;
               opacity:0;
               -webkit-transition: opacity .25s ease;
-moz-transition: opacity .25s ease;}

#videobox:hover #videooverlay {
               opacity:1;}

#videoplus       {  font-family:Helvetica;
               font-weight:900;
               color:rgba(255,255,255,.65);
}

.videoinfocontainer {
line-height: 18px;
margin-top: -13px;
width: 228px;
font-family: 'Roboto Condensed', sans-serif !important;
}

.videotitle {
font-family: 'Roboto Condensed' sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 1px;
color: #222222;
}

.videodescription {
font-family: 'Roboto Condensed' sans-serif;
font-weight: 400 !important;
font-size: 13px;
line-height: 0px !important;
color: #555555;
font-family: 'Roboto Condensed' sans-serif !important;
}

@media all and (min-width: 768px) {
.smallercolumnwidth {
width: 260px !important;
padding-left: 12px !important;
padding-right: 20px !important;
float: right !important;
margin-left: 0px !important;
}
}

@media all and (max-width: 767px) {
.smallercolumnwidth {
width: inherit;
}
}

table tbody { 
font-family: 'Roboto Condensed';
}

.sidebar { 
font-family: 'Roboto Condensed';
}

.wd-portfolio-panel .thumbs-list li a {
width: 74px;
height: 66px;
opacity: 0.7;
display: table;
}

.wd-portfolio-panel img {
margin: 0px !important;
padding: 0px !important;
display: table-cell;
vertical-align: middle;
width: 74px !important;
max-height: 66px !important;
width: 100%;
height: 100%;
}

.portfoliobiodescparagraph {
font-family: 'Roboto Condensed' serif;
font-size: 15px;
line-height: 19px;
font-weight: 400;
}

.portfoliobiodescparagraph a {
font-weight: 700;
}

.portfoliobiodescparagraph a:link {
font-weight: 700;
}

.portfoliobiodescparagraph a:visited {
font-weight: 700;
}



/* stripe */
.itemstripe { width: 10.66% !important; height: 100%; display: block; background-color: #fff; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -o-transition-duration: .6s; -ms-transition-duration: .6s; position: relative !important; overflow: hidden; border-right: 1px solid #111; }
.itemstripe:hover { width: 11.8% !important; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -o-transition-duration: .6s; -ms-transition-duration: .6s; box-shadow: 0 0 0px rgba(0,0,0,0); -webkit-box-shadow: 0 0 0px rgba(0,0,0,0); -moz-box-shadow: 0 0 0px rgba(0,0,0,0); -o-box-shadow: 0 0 0px rgba(0,0,0,0); -ms-box-shadow: 0 0 0px rgba(0,0,0,0); }
.itemstripe img { -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -o-transition-duration: .6s; -ms-transition-duration: .6s; -webkit-filter: saturate(60%); }
.itemstripe:hover img { -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -o-transition-duration: .6s; -ms-transition-duration: .6s; -webkit-filter: saturate(120%); }
.infowhite { position: absolute !important; z-index: 3; bottom: 100px; width: 100%; height: 170px; background-color: #fff; cursor: default; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; -ms-transition-duration: .3s; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.itemstripe:hover .infowhite { background-color: #111; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; -ms-transition-duration: .3s; color: #fff !important; cursor: pointer; }

.infosomerstreets { color: #434343; position: absolute !important; z-index: 3; top: 2px; width: 100%; height: 69px; background-color: #fff; cursor: default; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; -ms-transition-duration: .3s; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-top: 1px solid #010101; border-bottom: 1px solid #010101; }
.itemstripe:hover .infosomerstreets { background-color: #e58600; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; -ms-transition-duration: .3s; color: #fff !important; cursor: pointer; }

.infograndopening { color: #434343; position: absolute !important; z-index: 3; top: 2px; width: 100%; height: 69px; background-color: #fff; cursor: default; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; -ms-transition-duration: .3s; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-top: 1px solid #010101; border-bottom: 1px solid #010101;}
.itemstripe:hover .infograndopening { background-color: #da340e; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; -ms-transition-duration: .3s; color: #fff !important; cursor: pointer; }

.infotrebuchet { color: #434343; position: absolute !important; z-index: 3; top: 2px; width: 100%; height: 69px; background-color: #fff; cursor: default; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; -ms-transition-duration: .3s; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-top: 1px solid #010101; border-bottom: 1px solid #010101;}
.itemstripe:hover .infotrebuchet { background-color: #1d5053; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; -ms-transition-duration: .3s; color: #fff !important; cursor: pointer; }

.infosnowday { color: #434343; position: absolute !important; z-index: 3; top: 2px; width: 100%; height: 69px; background-color: #fff; cursor: default; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; -ms-transition-duration: .3s; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-top: 1px solid #010101; border-bottom: 1px solid #010101;}
.itemstripe:hover .infosnowday { background-color: #3d316d; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; -ms-transition-duration: .3s; color: #fff !important; cursor: pointer; }

.inforobotsfirstone { color: #434343; position: absolute !important; z-index: 3; top: 2px; width: 100%; height: 69px; background-color: #fff; cursor: default; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; -ms-transition-duration: .3s; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-top: 1px solid #010101; border-bottom: 1px solid #010101;}
.itemstripe:hover .inforobotsfirstone { background-color: #90390e; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; -ms-transition-duration: .3s; color: #fff !important; cursor: pointer; }

.infosomervilleminimakerfaire { color: #434343; position: absolute !important; z-index: 3; top: 2px; width: 100%; height: 69px; background-color: #fff; cursor: default; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; -ms-transition-duration: .3s; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-top: 1px solid #010101; border-bottom: 1px solid #010101;}
.itemstripe:hover .infosomervilleminimakerfaire { background-color: #d2255e; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; -ms-transition-duration: .3s; color: #fff !important; cursor: pointer; }

.infovelodrome { color: #434343; position: absolute !important; z-index: 3; top: 2px; width: 100%; height: 69px; background-color: #fff; cursor: default; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; -ms-transition-duration: .3s; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-top: 1px solid #010101; border-bottom: 1px solid #010101;}
.itemstripe:hover .infovelodrome { background-color: #45642d; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; -ms-transition-duration: .3s; color: #fff !important; cursor: pointer; }

.infosomervilleopenstudios { color: #434343; position: absolute !important; z-index: 3; top: 2px; width: 100%; height: 69px; background-color: #fff; cursor: default; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; -ms-transition-duration: .3s; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-top: 1px solid #010101; border-bottom: 1px solid #010101;}
.itemstripe:hover .infosomervilleopenstudios { background-color: #3b6b96; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; -ms-transition-duration: .3s; color: #fff !important; cursor: pointer; }

.infomakescience { color: #434343; position: absolute !important; z-index: 3; top: 2px; width: 100%; height: 69px; background-color: #fff; cursor: default; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; -ms-transition-duration: .3s; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-top: 1px solid #010101; border-bottom: 1px solid #010101;}
.itemstripe:hover .infomakescience { background-color: #7e2b74; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; -ms-transition-duration: .3s; color: #fff !important; cursor: pointer; }







.itemstripe a { color: #444444 !important; cursor: pointer; border-top: 1px solid #010101; border-bottom: 1px solid #010101;}
.itemstripe .infowhite:hover .view { color: #4DBCE9 !important; -webkit-transition-duration: .4s; -moz-transition-duration: .4s; -o-transition-duration: .4s; -ms-transition-duration: .4s; }
.itemstripe:hover .infowhite .blacktext { color: #fff !important; -webkit-transition-duration: .4s; -moz-transition-duration: .4s; -o-transition-duration: .4s; -ms-transition-duration: .4s; }
.itemstripe:hover .infowhite a.blacktext { color: #43EDAB !important; -webkit-transition-duration: .4s; -moz-transition-duration: .4s; -o-transition-duration: .4s; -ms-transition-duration: .4s; }
.itemstripe:hover .infowhite span.blacktext { color: #43EDAB !important; -webkit-transition-duration: .4s; -moz-transition-duration: .4s; -o-transition-duration: .4s; -ms-transition-duration: .4s; }




.pasteventstitle {
font-family: 'Roboto Condensed';
font-weight: 700;
font-size: 15px;
padding-left: 3px;
padding-right: 3px;
text-align: center;
margin-top: 0px;
line-height: 18px;
letter-spacing: -0.12pt;
}

.pasteventsdate {
font-family: 'Roboto Condensed';
font-weight: 400;
font-size: 14px;
padding-left: 3px;
padding-right: 3px;
text-align: center;
padding-top: 2px;
}

.pasteventsreadmore {
font-family: 'Roboto Slab';
font-weight: 700;
font-size: 15px;
background-color: #ff0000;
padding-left: 3px;
padding-right: 3px;
text-align: center;
}


div.pp_pic_holder {
z-index: 90060 !important;
}

div.pp_overlay {
z-index: 90050 !important;
opacity: 0.88 !important;
}

aside a {
color: #445052 !important;
}

aside a:visited {
color: #445052 !important;
}

aside a:hover {
color: #1c2223 !important;
text-decoration: underline;
}

.widget_recent_entries {
line-height: 21px !important;
}

.blogArticleHomepage a:hover {
text-decoration: none !important;
color: #FFFFFF;
}

.blogArticleHomepage a:active {
text-decoration: none !important;
color: #FFFFFF;
}

.blogArticleHomepage a:link {
text-decoration: none !important;
color: #eeeeee;
}

.blogArticleHomepage a {
text-decoration: none !important;
color: #dddddd;
}

.blogArticleHomepage a:visited {
text-decoration: none !important;
color: #dddddd;
}

.blogArticleHomepage  {
background-color: none !important;
background: none !important;
-webkit-font-smoothing: antialiased !important;
}

.blogArticle a:hover  {
text-decoration: none !important;
}

@media all and (min-width: 1000px) {
.mainpagemissiontext {
font-family: 'Droid Serif', serif !important;
font-size: 51px !important;
font-style: italic !important;
text-shadow: -2px 2px 1px rgba(0, 0, 0, 1) !important;
letter-spacing: -0.4pt; line-height: 60px !important;
}

.fromourblogtitlehomepage {
font-family: 'Roboto Slab';
font-weight: 400;
font-size: 16px;
color: #dddddd;
-webkit-font-smoothing: antialiased !important;
}

.fromourblogshowmobile {
display: none !important;
}


.fromourblogtitlehomepage a {
color: #DDDDDD;
text-decoration: none;
}

.fromourblogtitlehomepage a:link {
color: #DDDDDD;
text-decoration: none;
}

.fromourblogtitlehomepage a:visited {
color: #DDDDDD;
text-decoration: none;
}

.fromourblogtitlehomepage a:hover {
color: #ffffff;
text-decoration: underline !important;
}

.fromourbloghomepage {
font-family: 'Roboto Slab';
font-weight: 400;
font-size: 17px;
color: #bababa;
-webkit-font-smoothing: antialiased !important;
}

 }


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

.homepageblogpaddingmobile {
padding-left: 9px !important;
padding-right: 9px !important;
}


.mainpagemissiontext {
font-family: 'Droid Serif', serif !important;
font-size: 38px !important;
line-height: 41px !important;
font-style: italic !important;
text-shadow: -2px 2px 1px rgba(0, 0, 0, 1)!important;
letter-spacing: -0.4pt; line-height: 60px !important;
}

.fromourblogshowmobile {
display: inline !important;
}

.fromourblogtitlehomepage {
font-family: 'Roboto Slab';
font-weight: 400;
font-size: 15px;
color: #dddddd;
-webkit-font-smoothing: antialiased !important;;
text-align: left !important;
}


.fromourblogtitlehomepage a {
color: #DDDDDD;
text-decoration: none;
}

.fromourblogtitlehomepage a:link {
color: #DDDDDD;
text-decoration: none;
}

.fromourblogtitlehomepage a:visited {
color: #DDDDDD;
text-decoration: none;
}

.fromourblogtitlehomepage a:hover {
color: #ffffff;
text-decoration: underline !important;
}

.fromourbloghomepage {
font-family: 'Roboto Slab';
font-weight: 400;
font-size: 16px;
color: #bababa;
-webkit-font-smoothing: antialiased;
text-align: left !important;
}

 }

.homepageblogpostmetalinks {
font-family: 'Roboto' !important;
font-size: 13px !important;
font-weight: 400;
color: #dddddd !important;
-webkit-font-smoothing: antialiased;
text-align: left !important;
}

.homepageblogpostmetalinks a {
font-family: 'Roboto' !important;
font-size: 13px !important;
font-weight: 400;
color: #dddddd !important;
}


.homepageblogpostmetalinks a:link {
font-family: 'Roboto' !important;
font-size: 13px !important;
font-weight: 400;
color: #dddddd !important;
}

.homepageblogpostmetalinks a:visited {
font-family: 'Roboto' !important;
font-size: 13px !important;
font-weight: 400;
color: #dddddd !important;
}

.homepageblogpostmetalinks a:hover {
font-family: 'Roboto' !important;
font-size: 13px !important;
font-weight: 400;
color: #FFFFFF !important;
}


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

.mainpagemissiontext {
font-family: 'Droid Serif', serif !important;
font-size: 35px !important;
line-height: 38px !important;
font-style: italic !important;
text-shadow: -2px 2px 1px rgba(0, 0, 0, 1)!important;
letter-spacing: -0.4pt; line-height: 60px !important;
}
}



#huge_it_portfolio_popup_list li.pupup-element .popup-wrapper .right-block > div {
font-family: 'Roboto Slab';
font-weight: 700;
-webkit-font-smoothing: antialiased;
text-decoration: none !important;
}

.element .title-block .button-block {
font-family: 'Roboto Slab';
font-weight: 700;
color: #FFFFFF !important;
-webkit-font-smoothing: antialiased !important;
}

.button-block {
padding-left: 11px !important;
}

.button-block a {
color:
}

.element .title-block .event-button-block {
font-family: 'Roboto Slab';
font-size: 20px;
background-color: red;
padding: 10px;
color: black;
float: left;
}

.event-button-block {
padding-left: 11px !important;
}

.event-button-block a {
color:
}

@media all and (min-width: 1000px) {
.blogpostsgrid {
float: left !important;
width: 458px !important;
height: auto !important;
display: block;
margin-left: 8px;
margin-right: 18px;
margin-bottom: 14px;
}
.blogArticleResults {
height: 281px !important;
padding: 14px !important;
padding-right:16px !important;
}
.blogpostsindex {
margin-top: 165px !important;
}
.ourblogheadertitle {
display: none !important;
}

.socialmedialinksfooteranchor {
margin-top: -408px !important;
}

.footermiddlecolumn {
padding-left: 10px !important;
 }

.footerlastcolumn {
padding-left: 18px !important;
}

.footersearchmobile {
margin-left: -34px !important;
}

}

@media all and (max-width: 999px) {
.blogpostsgrid {
text-align: center !important;
width: 89% !important;
height: 400px !important;
max-height: 400px !important;
}

.socialmedialinksfooteranchor {
margin-top: -23px !important;
}

.blogpostsindex {
margin-top: 140px !important;
}

.hideheaderonmobile {
display: none !important;
}

.ourblogheadertitle {
font-family: 'Droid Serif' !important;
font-style: italic;
font-size: 48px;
text-align: center;
color: #111111;
}

}

.archive {
background-color: #bbbbbb !important;
}

.meta, div.meta p, .sidebar p, .intro p {
font-size: 17px !important;
line-height: 24px !important;
}

.pagination {
font-family: 'Roboto Slab' !important;
font-weight: 400;
font-size: 18px !important;
}

ul.pagination {
margin-bottom: 50px;
font-family: 'Roboto Slab' !important;
}

ul.pagination li {
font-size: 18px !important;
}

ul.pagination li a {
font-size: 18px !important;
}

ul.pagination li a:hover {
text-decoration: none !important;
}


ul.pagination li.current a {
font-weight: 700 !important;
}

ul.pagination li.current a:hover {
font-weight: 700 !important;
text-decoration: none !important;
}


footer {
z-index: 100 !important;
position: relative;
}

.footertext {
font-family: 'Roboto', sans-serif;
font-size: 13px;
color: #555555;
}

.footertext a {
font-family: 'Roboto', sans-serif;
font-weight: 700;
color: #df4a04 !important;
}

.footertext a:visited {
font-family: 'Roboto', sans-serif;
font-weight: 700;
color: #df4a04 !important;
}

.footertext a:hover {
font-family: 'Roboto', sans-serif;
font-weight: 700;
color: #dd171f !important;
text-decoration: underline !important;
}

.footer a {
font-family: 'Roboto', sans-serif;
font-size: 13px;
font-weight: 700;
color: #df4a04 !important;
}

.footer a:visited {
font-family: 'Roboto', sans-serif;
font-weight: 700;
color: #df4a04 !important;
}

.footer a:hover {
font-family: 'Roboto', sans-serif;
font-size: 13px;
font-weight: 700;
color: #dd171f !important;
text-decoration: underline !important;
}

footer.black a {
color:  #df4a04 !important;
}

footer.black a:link {
color:  #df4a04 !important;
}

footer.black a:visited {
color:  #df4a04 !important;
}

footer.black a:hover {
color:  #dd171f !important;
}

#blogpostlistingtitlelink a {
color: #ff0000 !important;
}

#blogpostlistingtitlelink a:link {
color: #ff0000 !important;
}



.portfolioinfocontentheader {
font-family: 'Roboto Condensed' !important;
font-weight: 700 !important;
}



@media all and (min-width: 768px) {
#huge_it_portfolio_popup_list { 
width: 726px !important;
height: 300px !important;
margin-left: auto !important;
margin-right: auto !important;
left: initial !important;
top: 150px !important;
}

#huge_it_portfolio_popup_list li.pupup-element {
height: 350px !important;
}


#huge_it_portfolio_popup_list .popup-wrapper .image-block {
width: 46% !important;
}

#huge_it_portfolio_popup_list .popup-wrapper .right-block {
width: 51% !important;
}
}

@media all and (min-width: 769px) {

#huge_it_portfolio_popup_list { 
width: 720px !important;
height: 300px !important;
margin-left: auto !important;
margin-right: auto !important;
top: 150px !important;
left: initial !important;
}

#huge_it_portfolio_popup_list .popup-wrapper .right-block {
margin: -10px 0px 10px 0px !important;
}

h3.title {
display: none !important;
}


}

@media all and (max-width: 767px)  {
.portfoliomembertitlebar {
font-size: 16px;
color: #030303 !important;
z-index: 94852 !important;
display: inline;
position: relative;
font-weight: 700;
font-family: 'Roboto Slab';
-webkit-font-smoothing: antialiased !important;
}
}

@media all and (min-width: 768px)  {
.portfoliomembertitlebar {
margin: -140px 0px 0px -328px !important;
font-size: 22px;
color: #FFFFFF !important;
z-index: 94852 !important;
position: fixed;
display: inline;
font-weight: 400;
font-family: 'Roboto Slab';
-webkit-font-smoothing: antialiased !important;
}
}


@media all and (min-width: 999px) {
#huge_it_portfolio_popup_list { 
width: 960px !important;
height: 300px !important;
margin-left: auto !important;
margin-right: auto !important;
left: initial !important;
top: 150px !important;
}

.portfoliomembertitlebar {
margin: -146px 0px 0px -422px !important;
font-size: 23px;
color: #FFFFFF !important;
z-index: 94852 !important;
position: fixed;
display: inline;
font-weight: 400;
font-family: 'Roboto Slab';
-webkit-font-smoothing: antialiased !important;
}

.portfoliobiodescparagraph {
color: #C07819 !important;
font-family: 'Roboto Condensed' !important;;
font-size: 17px;
line-height: 20px;
font-weight: 400;
bottom: 0;
padding-left: 7px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
position: absolute !important;
border-left: 5px #EDEBE4 solid;
}

.portfoliobiodescparagraph a {
font-weight: 700;
}

.portfoliobiodescparagraph a:link {
font-weight: 700;
}

.portfoliobiodescparagraph a:visited {
font-weight: 700;
}

.portfoliobiodesccontainer {
position: relative;
height: 156px;
bottom: 0 !important;
}



.portfolioadditionalinfocontainer {
font-family: 'Roboto Condensed' !important;
font-weight: 400;
margin-top: 26px !important;
padding-left: 12px !important;
font-size: 15px !important;;
line-height: 20px !important;
}

.portfolioadditionalinfocontainer a {
font-weight: 400;
color: #222222 !important;
text-decoration: none;
}

.portfolioadditionalinfocontainer a:link {
font-weight: 400;
color: #222222 !important;
text-decoration: none;
}

.portfolioadditionalinfocontainer a:hover {
font-weight: 400;
color: #040404 !important;
text-decoration: underline !important;
}

.portfolioadditionalinfocontainer a:visited {
font-weight: 400;
}


.element .title-block h4 {
position: relative;
margin: 0px !important;
padding: 0px 1% 0px 1% !important;
width: 99%;
font-family: 'Oswald' !important;
font-weight: 400 !important;
font-size: 23px !important;
line-height: 22px !important;
color: #4F4A41;
letter-spacing: -0.1px;
-webkit-font-smoothing: antialiased !important;
}

#huge_it_portfolio_popup_list li.pupup-element {
height: 400px !important;
}

#huge_it_portfolio_popup_list .popup-wrapper .image-block {
width: 46% !important;
}

#huge_it_portfolio_popup_list .popup-wrapper .right-block {
width: 51% !important;
}

}


#huge_it_portfolio_popup_list .popup-wrapper .image-block {
border-right: none !important;
}

.element .image-block {
height: 131px;
overflow: hidden;
}

.element .image-block img {
width: 100% !important;
height: 226px !important;
}

.element {
height: auto !important;
margin-bottom: 18px !important;
}

.element .title-block {
padding: 8px 2px 7px 5px !important;
}

#huge_it_portfolio_popup_list .heading-navigation {
background: none !important;
background-color: #E0A850 !important;
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;
}

#huge_it_portfolio_popup_list .heading-navigation .close, #huge_it_portfolio_popup_list .heading-navigation .close:link, #huge_it_portfolio_popup_list .heading-navigation .close:visited {
border-left: 1px solid #000 !important;
}


.element .title-block h6 {
color: #998A6E;
background-color: none !important;
background: none !important;
font-family: 'Roboto Slab' !important;
font-weight: 400 !important;
padding-left: 2px !important;
padding-top: 2px !important;
-webkit-font-smoothing: antialiased;
font-size: 16px !important;
}



.element .title-block {
height: 46px !important;
}

#huge_it_portfolio_popup_list .popup-wrapper .right-block ul.thumbs-list li img {
}

#huge_it_portfolio_popup_list .heading-navigation .close, #huge_it_portfolio_popup_list .heading-navigation .close:link, #huge_it_portfolio_popup_list .heading-navigation .close:visited {
background: url('/wp-content/uploads/2014/11/closebutton.jpg') center center no-repeat !important;
opacity: .75 !important;
}

#huge_it_portfolio_popup_list .popup-wrapper .right-block ul.thumbs-list li a {
height: 65px !important;
max-height: 65px !important;
overflow: hidden !important;
}


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

.portfolioadditionalinfocontainer {font-family: 'Roboto Condensed' !important;
font-weight: 400;
margin-top: 26px !important;
padding-left: 12px !important;
font-size: 15px;
}

.portfolioadditionalinfocontainer a {
font-weight: 400;
color: #222222 !important;
text-decoration: none;
}

.portfolioadditionalinfocontainer a:link {
font-weight: 400;
color: #222222 !important;
text-decoration: none;
}

.portfolioadditionalinfocontainer a:hover {
font-weight: 400;
color: #040404 !important;
text-decoration: underline !important;
}

.portfolioadditionalinfocontainer a:visited {
font-weight: 400;
}
}


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

.right-block h6 {
display: none;
}

.right-block h4 {
display: none !important;
}
}

@media all and (min-width: 767px)  {
.right-block h6 {
display: none !important;
}

.right-block h4 {
display: none !important;
}
}

.blogpost ul {
font-family: 'Roboto' !important;
font-weight: 500 !important;
}

.blogpost li {
list-style: none;
font-family: 'Roboto' !important;
font-weight: 500 !important;
}