/*** Screen Reader Accessibility ***/
.sr-only {display:none;}
#skipToMain {position:absolute;left:-10000px;top:0px;background:black;color:#ededed;padding:8px;margin:0px;z-index:100000; display:block;}
#skipToMain:focus {left: 0px;}
#skipToMain:hover {text-decoration:underline !important;background:white !important;color:black !important;}

/** Max width responsive */
body,
#primary {
  max-width: 1736px;
  width: 100%;
}
body,
#primary {
  margin: 0px auto !important;
}
body {background:#fefefe;}
html {background:#f9f9f9;}

/*** General Styling ***/
html,body {
  overflow: visible !important;
  padding:0px;margin:0px;border:0px;
}
html, body, div, p, h1, h2, h3, h4, h5, h6, span, blockquote, i, b, strong, em, section, nav, header, footer, a, input, form {
  font-family: 'Lato', sans-serif;
  font-size: 1em;
}

html, body, main, header, footer {
  min-width: 616px;
}

#ascrail2000 { display:none;}
main {
  background: #fefefe;
  z-index: -1;
  position:absolute;
}
.alignLeft {
  float: left;
}
.alignRight {
  float: right;
}
.borderRight {
  border-right: 1px solid #999;
  padding-right: 12px;
  margin-right: 12px;
}
.strikethrough {
  text-decoration: line-through;
}

/*** Header Styling ***/
header {
  width: 92%;
  position: relative;
  padding: 16px 4%;
  height: 56px;
}
.headerMenu a {
  font-size: .75em !important;
  font-weight: normal !important;
  margin: 0;
  padding: 0;
  text-decoration: none;
  color: #5e5e5e;
}

background: #0D5643;


.headerMenu a:hover {
  text-decoration: underline;
  color: #222;
}
#topLeftMenus {
  width: auto;
}
#topRightMenus {
  width: auto;
}
#headerLogo {
  position: absolute;
  width: 33.33%;
  text-align: center;
  z-index: 0;
  left: 33.33%;
  margin-top: 24px;
}
#headerLogo a svg {
  width: 240px;
}
img#topLogo {
  margin-top: 24px;
  margin-left: 4%;
  width: 240px;
  border: 0px solid transparent;
  z-index: 1;
}
#maps, #audienceNav {
  margin-bottom: 8px;
}
#myCalPolyLogin {
  float: left;
  clear: both;
}
#audienceNav ul,
#myCalPolyLogin ul {
  display: block;
  padding: 0px;
  margin: 0px;
}
#azindex ul li,
#quicklinks ul li,
#quicklinksdropdown li,
#azindexdropdown li,
#myCalPolyLogin ul li,
#audienceNav ul li {
  list-style-type: none !important;
}
#myCalPolyLogin ul li,
#audienceNav ul li {
  display:inline-block;
}
#quicklinksdropdown li,
#azindexdropdown li {
  display:block;
}
#utilityNav ul {
  margin: 0px;
  padding: 0px;
}
#quicklinks,
#azindex {
  position: relative;
  padding-left: 12px;
}
#azindex {
  width: 60px;
}
#azindexdropdown {
  width: 85px;
}
#quicklinks a::before,
#azindex a::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #777;
  position: absolute;
  top: 6px;
  left: 0px;
}
#quicklinksdropdown a::before,
#azindexdropdown a::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 0px solid transparent;
  border-right: 0px solid transparent;
  border-top: 0px solid transparent;
}
#quicklinksdropdown,
#azindexdropdown {
  position: absolute;
  height: 0px;
  display: none;
  left: 0px;
}
#quicklinks:hover,
#azindex:hover {
  color: white;
}
#quicklinks a:hover,
#azindex a:hover {
  text-decoration: none;
}
#quicklinksdropdown a:hover,
#azindexdropdown a:hover{
  text-decoration: underline;
}


#quicklinks:hover #quicklinksdropdown,
header ul li#azindex #azindexdropdown.azindexdropdownActive {
    display: block;
    height: auto;
    z-index: 1;
    background: white;
    box-shadow: 0px 4px 4px rgba(52,52,52,.2),
            -5px 4px 4px rgba(52,52,52,.2), 5px 4px 4px rgba(52,52,52,.2);
}

#quicklinks:focus .quicklinksdropdownActive,
#azindex:focus .azindexdropdownActive,
#azindex:hover #azindexdropdown,
header ul li#quicklinks ul.quicklinksdropdownActive,
header ul li#azindex:hover #azindexdropdown,
header ul li#azindex #azindexdropdown:hover {
    display: block;
    height: auto;
    z-index: 1;
    background: white;
    box-shadow: 0px 4px 4px rgba(52,52,52,.2),
            -5px 4px 4px rgba(52,52,52,.2), 5px 4px 4px rgba(52,52,52,.2);
}

#quicklinks,
#azindex,
#maps {
  display: inline-block;
}
#quicklinksdropdown {
  width: auto;
  min-width: 112px;
  position: absolute;
  left: -16px;
  padding-left: 16px !important;
  padding-right: 16px !important;
}
#quicklinksdropdown li {
  text-align:left;
  padding: 4px;
}
#quicklinksdropdown li,
#azindexdropdown li {
  line-height:1.5em;
  border-bottom:1px solid #111;
}
#quicklinksdropdown li:last-of-type {
  border-bottom:0px solid transparent;
}
#azindexdropdown li {
  float:left;
  display:inline;
  text-align:center;
}
#azindexdropdown li:nth-child(1),
#azindexdropdown li:nth-child(2),
#azindexdropdown li:nth-child(5),
#azindexdropdown li:nth-child(6),
#azindexdropdown li:nth-child(9),
#azindexdropdown li:nth-child(10),
#azindexdropdown li:nth-child(13),
#azindexdropdown li:nth-child(14),
#azindexdropdown li:nth-child(17),
#azindexdropdown li:nth-child(18),
#azindexdropdown li:nth-child(21),
#azindexdropdown li:nth-child(22),
#azindexdropdown li:nth-child(25),
#azindexdropdown li:nth-child(26) {
  background: rgba(2,68,52,.76) !important;
}
#azindexdropdown li:nth-child(3),
#azindexdropdown li:nth-child(4),
#azindexdropdown li:nth-child(7),
#azindexdropdown li:nth-child(8),
#azindexdropdown li:nth-child(11),
#azindexdropdown li:nth-child(12),
#azindexdropdown li:nth-child(15),
#azindexdropdown li:nth-child(16),
#azindexdropdown li:nth-child(19),
#azindexdropdown li:nth-child(20),
#azindexdropdown li:nth-child(23),
#azindexdropdown li:nth-child(24),
#azindexdropdown li:nth-child(27),
#azindexdropdown li:nth-child(28) {
  background: rgba(2,68,52,.92) !important;
}
#azindexdropdown li:nth-child(odd) {
  border-right: 2px solid #5e5e5e;
  margin-right: -2px;
}
#azindexdropdown li a {
  color: white;
  padding: 8px;
}
.double li  { width:50%;}
.triple li  { width:33.333%; }
.quad li    { width:25%; }
.six li     { width:16.666%; }
#search {
  position: relative;
  float: right;
  clear: both;
}
#searchSubmit {
  border: 0px solid transparent;
  background: transparent;
  padding-top: 8px;
  padding-right: 0px;
}
#searchSubmit img {
    width: 19px;
    height: 19px;
}
input#q {
  height: 20px;
  width: 120px;
  color: #6a6a6a;
  padding-left: 8px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  overflow: visible;
  position:relative;
  top: -6px;
  font-size: .75em;
}

/*** NAV STYLING ***/
#mainNav {
  margin-bottom: 6px;
}
#cp {
    border-top: 0px solid transparent !important;
    border-bottom: 0px solid transparent !important;
    background: rgba(2,68,52,.9) !important; /* #f9f6ef; */
    color: #252525;
    width: 100%;
    position: relative;
    clear:both;
    float: none;
    margin-top: 30px;
    z-index: 0;
    height: 50px;
}
#cpUl,#cp ul {
  border-top: 0px solid transparent;
}
#cp ul {
    border-top: 0px solid #fff;
    padding: 12px 12% 0px 12%;
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid transparent;
}
#cp ul a {
    text-decoration: none
}
#cp ul li {
    color: #252525;
    display: block;
    float: left;
    text-decoration: none;
    height: 29px;
    /* border-right: 1px solid #d1cfc7;
    border-left: 1px solid #fff; */
    padding: 0 10px;
    line-height: 35px;
    background: rgba(2,68,52,.0) !important; /* #f9f6ef; */
    font-size: .95em
}
#cp ul li a {
    color: #fff; /* #252525; */
    text-decoration: none;
    height: 31px;
    margin: 0;
    margin-top: -3px;
    display: block;
    line-height: 31px;
    background: #0D5643;
}
#cp ul li .largeNav li a
, #cp ul li .largeNav a {
    background: transparent;
}


#cp ul li.cpActive {
    background-color: #fff;
    height: 40px;
    z-index: 100000;
}
#cp ul li:first-child li {
    border-left: none
}
#cp ul li:last-child li {
    border-right: 0
}
#cp ul li a:hover {
    color: rgba(234,187,5,1) !important;
    text-decoration: underline;
}
#cp ul li#searchli {
    border: 0;
    float: right;
    padding-left: 0;
    padding-right: 8px;
    margin: 0;
}
#cp #cpUl li .largeNav {
    width: 100%;
    margin-top: 10px;
    left: 0;
    position: absolute;
    display: none;
    z-index: 900;
    background: #fffefa;
    padding: 10px 0 10px 0;
    box-shadow: 0 5px 10px #999;
    -webkit-box-shadow: 0 5px 10px #999;
    -moz-box-shadow: 0 6px 7px #999;
    font-family: 'Lato', sans-serif;
    border-bottom: 2px solid #7f9974;
    height: auto;
}
#cp #cpUl li .largeNavActive {
    display: block;
    z-index: 3;
    padding-bottom: 64px;
}
#cp #cpUl li .largeNav>div {
    width: 19%;
    float: left;
    color: #6f6345;
    padding-right: 1%;
    overflow: hidden
}
#cp #cpUl li .largeNav div h2 {
    padding-left: 5%;
    padding-bottom: 15px;
    font-size: 22px;
    margin-top: 0;
    padding-top: 0
}
#cp #cpUl li .largeNav div h2 a,
#cp #cpUl li .largeNav div h2 a:visited {
    text-decoration: none;
    color: #6f6345;
    font-family: 'Droid Serif', serif;
    font-weight: normal;
    height: auto;
    padding-top: 6px;
    line-height: 26px
}
#cp #cpUl li .largeNav div h2 a:hover,
#cp #cpUl li .largeNav div h2 a:focus,
#cp #cpUl li .largeNav div h2 a:active {
    text-decoration: underline;
    border-bottom: 0
}
#cp #cpUl li .largeNav div h2 a img {
    vertical-align: text-top;
    border-top: 0
}
#cp #cpUl li .largeNav div a img {
    border-top: 4px solid #29551a;
    padding-top: 3px
}
#cp #cpUl li .largeNav div div {
    width: 90%;
    padding-left: 10%;
    margin-top: 20px;
    float: left;
    color: #6f6345
}
#cp #cpUl li .largeNav div div b {
    color: #6f6345;
    margin: 10px 0;
    font-size: 13px;
    display: block;
    background-image: url('https://webresource.its.calpoly.edu/cpwebtemplate/5.0.1/common/images_css/navigation/info_icon.png');
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 19px;
    line-height: 15px
}
#cp #cpUl li .largeNav div div a,
#cpUl li .largeNav div div p {
    color: #6f6345;
    text-decoration: none;
    font-size: 13px;
    margin: 7px 0 7px 20px;
    display: block;
    height: auto;
    line-height: normal
}
#cpUl li .largeNav div div a:hover {
    text-decoration: underline
}
#cp #cpUl li .largeNav .largeNavRight {
  width: 76%;
  margin: 0;
  padding: 0;
  margin-bottom: 64px;
}
#cp #cpUl li .largeNav .largeNavRight a {
    display: block;
    margin: 0 20px 0 20px;
    text-decoration: none;
    overflow: hidden;
    height: auto
}
#cp #cpUl li .largeNav .largeNavRight a img {
    max-width: 750px;
    border: 0
}
#cp #cpUl li .largeNav .largeNavRight a p {
    font-size: 12px;
    margin: 0
}
#cp #cpUl li .largeNav .largeNavRight p a {
    font-size: 12px;
    text-decoration: none;
    border: 0;
    margin: 0;
    margin-left: 20px
}
#cp #cpUl li .largeNav .largeNavRight div {
    float: left;
    width: 23%;
    margin: 0;
    padding: 0 1% 10px 1%
}
#cp #cpUl li .largeNav .largeNavRight .linkBlockDouble {
    width: 48%;
    float: left;
    padding: 0 1% 10px 1%;
    display: block;
    position: relative;
    margin: 0
}
#cp #cpUl li .largeNav .largeNavRight h3 {
    font-size: 12px;
    border-bottom: 1px solid #94a98a;
    padding: 5px 0;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 8px;
    line-height: normal
}
#cp #cpUl li .largeNav .largeNavRight h3 a,
#cp #cpUl li .largeNav .largeNavRight h3 a:visited {
    font-size: 12px;
    margin-left: 0;
    border-bottom: 0;
    color: #000
}
#cp #cpUl li .largeNav .largeNavRight h3 a:hover,
#cp #cpUl li .largeNav .largeNavRight h3 a:focus,
#cp #cpUl li .largeNav .largeNavRight h3 a:active {
    font-size: 12px;
    margin-left: 0;
    border-bottom: 0;
    color: #6f6345
}
#cp #cpUl li .largeNav .largeNavRight ul {
    text-align: left;
    width: 100%;
    margin: 0;
    display: block;
    position: relative;
    padding: 0
}
#cp #cpUl li .largeNav .largeNavRight .linkBlockDouble ul {
    width: 49%;
    padding-right: 2%;
    float: left
}
#cp #cpUl li .largeNav .largeNavRight .linkBlockDouble ul:nth-of-type(2),
#cp #cpUl li .largeNav .largeNavRight .linkBlockDouble>ul+ul {
    padding-right: 0
}
#cp #cpUl li .largeNav .largeNavRight ul li {
    position: relative;
    background: 0;
    border: 0;
    border-bottom: 1px dotted #d1cfc7;
    padding: 8px 0px 8px 0px;
    width: 100%;
    height: auto;
    line-height: 110%
}
#cp #cpUl li .largeNav .largeNavRight ul li:hover {
    background-color: #f6f3ec;
    text-decoration: none
}
#cp #cpUl li .largeNav .largeNavRight ul li a {
    color: #6a6a6a;
    line-height: 100%;
    display: block;
    margin: 0;
    overflow: visible;
}
#cp #cpUl li .largeNav .largeNavRight .largeNavClose {
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #6f6345;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    padding-left: 20px;
    margin: 0;
    background-image: url('https://webresource.its.calpoly.edu/cpwebtemplate/5.0.1/common/images_css/navigation/close_button.png');
    background-repeat: no-repeat;
    background-position: left top;
    height: 15px;
    line-height: 15px
}
#cp #cpUl li .largeNav .largeNavRight .largeNavClose:hover {
    background-position: left bottom;
    color: #29551a;
    text-decoration: underline
}
#headerContent {
    margin: 27px 0 28px 0;
    overflow: hidden;
    width: 100%;
    clear: both
}
#cplogo {
    width: 150px;
    height: 75px;
    padding-right: 25px;
    margin: 0;
    float: left
}
#cplogo a {
    display: block;
    padding-top: 0
}
#cplogo a img {
    border: 0
}


.mob_Hide {
  z-index: -100;
  opacity: 0;
  pointer-events: none;
  display: none;
  width: 0px;
  height: 0px;
  position: absolute;
  right: 0px;
  }


/**** Hero Section / Video **/
section#hero  {
  height: auto;
  overflow: hidden;
  width: 100%;
  margin-top: -6px;
  }
.title1 {margin-top: 0px !important;}
.flex_caption1 p {
    color: white;
    text-shadow: 0px 0px 0px transparent;
    margin-left: -10px;
}
.flexslider.top_slider .flex-direction-nav {display:none;}
.top_slider .slide_btn {
  	position:relative !important;
  	z-index:110 !important;
  	bottom: 0px !important;
  	left: 0% !important;
  	width:280px;
  	display:inline-block;
  	margin-left: 0px !important;
  	padding:14px 20px 14px;
  	text-transform:uppercase;
  	font-weight:300;
  	color: white !important;
    background: rgba(2,68,52,.9) !important;
    text-align:center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
     text-decoration: none;
     border: 1px solid transparent;
}
a.slide_btn:nth-of-type(2) {
      left: 24px !important;
      position: relative !important;
}
.top_slider .slide_btn:hover {
   background: rgba(3,86,66,.9) !important;
   border: 1px solid white;
}
.top_slider .slide_btn:hover {
    background-color:#1c1c1c;
    color:#fff;
}
.top_slider .slide_btn:before {content: "" !important;}
.top_slider .slide_btn:hover:before {color:#fff;}
.top_slider .slide1 .flex_caption1 .title3 {
    margin-top: 0px;
    font-size: 1em !important;
}
.flexslider, .top_slider { /*  http://www.calpoly.edu/images/homepageStill_Frame1.png https://viewbook.calpoly.edu/wp-content/uploads/2017/01/20140515_Aerial_lesch_0131.jpg */
  background: url("https://uaweb.calpoly.edu/cp/images/learnByDoing.png") no-repeat left top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.top_slider .title2 {
    padding-left: 16px;
    padding-right: 12px;
}
/** .top_slider .title1
.top_slider .title2,
.top_slider .title3, {
    font-family: Palatino !important;
} **/
.flex_caption1 p {
  font-size: 4em !important;
  line-height: 1em !important;
  text-shadow: 0px 0px 1px rgba(0,0,0,.2) !important;
  text-transform: uppercase;
}
.flex_caption1 p.title3 {
  display: block !important;
}

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-control-thumbs img {cursor:pointer;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider {overflow:hidden; position: relative; z-index:2;}
.flexslider.top_slider {min-height:564px; background-color:#333;}
.flexslider.top_slider:before {
	content:'';
	position:absolute;
	z-index:3;
	left:0;
	bottom:0;
	width:100%;
	height:80px;
	background-image:url(../images/slider/slide_shadow.png);
	background-repeat:repeat-x;
	background-size:auto 100%;
	-webkit-background-size:auto 100%;
}
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flexslider.top_slider .flex-direction-nav {
	position:relative;
	margin:0 auto;
}
.flexslider.top_slider .flex-direction-nav li a {
	position:absolute;
	z-index:300;
	bottom:50px;
	display:block;
	width:70px;
	height:70px;
	font-family:FontAwesome;
	text-align:center;
	background-color:#fff;
}
.flexslider.top_slider .flex-direction-nav li a:hover {background-color:#333;}
.flexslider.top_slider .flex-direction-nav li a.flex-prev {left:0;}
.flexslider.top_slider .flex-direction-nav li a.flex-next {left:71px;}
.flexslider.top_slider .flex-direction-nav li a:before {
	position:absolute;
	left:0;
	top:0;
	width:70px;
	height:70px;
	line-height:66px;
	font-size:32px;
	color:#333;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.flexslider.top_slider .flex-direction-nav li a.flex-prev:before {content: "\f104";}
.flexslider.top_slider .flex-direction-nav li a.flex-next:before {content: "\f105";}
.flexslider.top_slider .flex-direction-nav li a:hover:before {color:#fff;}

/* __________ Portfolio Post Direction Nav __________ */
.flexslider.portfolio_single_slider {position:relative;}
.flexslider.portfolio_single_slider .flex-direction-nav li a {
	position:absolute;
	z-index:300;
	top:0;
	bottom:0;
	display:block;
	width:200px;
	height:100%;
	font-family:FontAwesome;
	text-align:center;
	opacity:0;
}
.flexslider.portfolio_single_slider .flex-direction-nav li a:hover {background:none;}
.flexslider.portfolio_single_slider .flex-direction-nav li a.flex-prev {left:-50px;}
.flexslider.portfolio_single_slider .flex-direction-nav li a.flex-next {right:-50px;}
.flexslider.portfolio_single_slider:hover .flex-direction-nav li a.flex-prev {left:0; opacity:1;}
.flexslider.portfolio_single_slider:hover .flex-direction-nav li a.flex-next {right:0; opacity:1;}
.flexslider.portfolio_single_slider .flex-direction-nav li a:before {
	position:absolute;
	top:50%;
	width:70px;
	height:70px;
	margin-top:-35px;
	line-height:66px;
	font-size:32px;
	color:rgba(0,0,0,0.5);
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.flexslider.portfolio_single_slider .flex-direction-nav li a.flex-prev:before {content: "\f104"; left:0;}
.flexslider.portfolio_single_slider .flex-direction-nav li a.flex-next:before {content: "\f105"; right:0;}
.flexslider.portfolio_single_slider .flex-direction-nav li a:hover:before {color:#fff;}

/* __________ Control Navigation __________ */
.flex-control-nav {
	position:absolute;
	z-index:300;
	left:0;
	bottom:30px;
	width:100%;
	text-align:center;
}
.flex-control-nav li {
	display:inline-block;
	margin:0 8px;
}
.flex-control-nav li a {
	display:block;
	width:10px;
	height:10px;
	border-radius:50%;
	border:2px solid #333;
	background-color:#fff;
	font-size:0;
	cursor:pointer;
	transition: none;
	-webkit-transition: none;
}
.flex-control-nav li a.flex-active {
	position:relative;
	top:-3px;
	left:-3px;
	right:-3px;
	width:16px;
	height:16px;
	background-color:#333;
	cursor:default;
}

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Works Slider */
.flexslider.works_slider .flex-direction-nav li a {
	position:absolute;
	z-index:300;
	bottom:30px;
	display:block;
	width:50px;
	height:50px;
	font-family:FontAwesome;
	text-align:center;
	background-color:#fff;
}
.flexslider.works_slider .flex-direction-nav li a:hover {background-color:#333;}
.flexslider.works_slider .flex-direction-nav li a.flex-prev {left:20px;}
.flexslider.works_slider .flex-direction-nav li a.flex-next {left:70px;}
.flexslider.works_slider .flex-direction-nav li a:before {
	position:absolute;
	left:0;
	top:0;
	width:50px;
	height:50px;
	line-height:46px;
	font-size:32px;
	color:#333;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.flexslider.works_slider .flex-direction-nav li a.flex-prev:before {content: "\f104";}
.flexslider.works_slider .flex-direction-nav li a.flex-next:before {content: "\f105";}
.flexslider.works_slider .flex-direction-nav li a:hover:before {color:#fff;}

/* Control Nav */
.flex-control-thumbs {
	position: absolute;
	z-index:200;
	left:0;
	bottom:50px;
	width:100%;
	text-align:center;
}
.flex-control-thumbs li {
	overflow:hidden;
	position:relative;
	display:inline-block;
	width: 100px;
	height:70px;
	margin: 0 5px;
}
.flex-control-thumbs img {
	position:asbolute;
	width: auto;
	max-width:none;
	height:100%;
	display: block;
	cursor: pointer;
}
.flex-control-thumbs li img.flex-active:before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	border:5px solid #fff;
}

/* thumb navigation */
#carousel {
	position:absolute;
	left:0;
	bottom:45px;
	width:100%;
}
#carousel .slides {text-align:center;}
#carousel .slides li {
	overflow:hidden;
	z-index:10 !important;
	float:none !important;
	display:inline-block !important;
	padding:5px 0 0;
	width:105px !important;
	height:75px !important;
	margin:0 2px 0 5px !important;
	opacity:1 !important;
	cursor:pointer;
	box-shadow:3px 3px 3px rgba(0,0,0,0.15);
}
#carousel .slides li.flex-active-slide:before {
	content:'';
	position:absolute;
	left:0;
	top:5px;
	right:0;
	bottom:0;
	border:5px solid transparent;
}
#carousel .slides li.flex-active-slide:before {border-color:#fff;}

#carousel .slides li.flex-active-slide:after {
	content:'';
	position:absolute;
	left:50%;
	top:0;
	margin-left:-2px;
	width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 5px solid #fff;
}

#carousel .slides li img {
	width:auto;
	max-width:none;
	height:100%;
}

/* Caption */
.top_slider .slide1 {
	height:100%;
}

/* Chrome 29+ */
@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) {
		.top_slider .slide1 .flex_caption1 {
			position:absolute;
			z-index:30;
			left:50%;
			top:50%;
			width:76%;
			margin-left:-46%;
			color:#fff;
			transform: translateY(-50%);
			-o-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
		    padding: 50px;
		}
}
.top_slider .slide1 .flex_caption1 {
	position:absolute;
	z-index:30;
	left:50%;
	top:50%;
	width:76%;
	margin-left:-46%;
	color:#fff;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
    padding: 50px;
}
.top_slider .slide1 .flex_caption1 .title1 {margin-bottom:15px; display:inline-block; font-weight:300; line-height:120px; font-size:120px !important;}
.top_slider .slide1 .flex_caption1 .title2 {margin-bottom:15px; display:inline-block; font-weight:200; line-height:120px; font-size:120px !important;}
.top_slider .slide1 .flex_caption1 .title3 {margin-bottom:15px; display:inline-block; font-weight:100; line-height:120px; font-size:120px !important;}
.top_slider .slide1 .flex_caption1 .title4 {margin-bottom:15px; width:680px; font-weight:300; line-height:34px; font-size:26px;}
.top_slider .slide2 {
	height:100%;
}
.top_slider .slide2 .flex_caption1 {
	position:absolute;
	z-index:30;
	left:50%;
	top:45%;
	width:100%;
	margin-left:-585px;
	color:#fff;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.top_slider .slide2 .flex_caption1 .title1 {margin-bottom:15px; display:inline-block; font-weight:500; line-height:80px; font-size:80px;}
.top_slider .slide2 .flex_caption1 .title2 {margin-bottom:15px; display:inline-block; font-weight:100; line-height:80px; font-size:80px;}
.top_slider .slide2 .flex_caption1 .title3 {margin-bottom:15px; display:inline-block; font-weight:100; line-height:80px; font-size:80px;}
.top_slider .slide2 .flex_caption1 .title4 {margin-bottom:15px; width:680px; font-weight:300; line-height:34px; font-size:26px;}
.top_slider .slide1.bg,
.top_slider .slide2.bg,
.top_slider .slide3.bg {
	height:100%;
	background-image:url(../images/slider/slide3_bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
.top_slider .slide3 .flex_caption1 {
	position:absolute;
	z-index:30;
	left:50%;
	top:45%;
	width:100%;
	margin-left:-585px;
	color:#fff;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.top_slider .slide3 .flex_caption1 .title1 {margin-bottom:15px; display:inline-block; font-weight:500; line-height:80px; font-size:80px;}
.top_slider .slide3 .flex_caption1 .title2 {margin-bottom:15px; display:inline-block; font-weight:100; line-height:80px; font-size:80px;}
.top_slider .slide3 .flex_caption1 .title3 {margin-bottom:15px; display:inline-block; font-weight:100; line-height:80px; font-size:80px;}
.top_slider .slide3 .flex_caption1 .title4 {margin-bottom:15px; width:680px; font-weight:300; line-height:34px; font-size:26px;}
.top_slider .slide_btn {
	position:absolute;
	z-index:110;
	bottom:50px;
	left:50%;
	width:210px;
	display:inline-block;
	margin-left:414px;
	padding:26px 30px 24px;
	text-transform:uppercase;
	font-weight:900;
	color:#333;
	background-color:#fff;
}
.top_slider .slide_btn:hover {background-color:#1c1c1c; color:#fff;}
.top_slider .slide_btn:before {
	position:absolute;
	content: "\f105";
	right:30px;
	top:0;
	width:20px;
	height:20px;
	font-family:FontAwesome;
	text-align:right;
	line-height:66px;
	font-size:32px;
	color:#333;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.top_slider .slide_btn:hover:before {color:#fff;}

/* __________ Video Slide __________ */
.slide3 .buttonBar {display:none;}
#controlBar_P2 {display:none !important;}
.slide3.bg {
	height:100%;
	background-image:url(../images/slider/slide3_bg.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}
#carousel .slides li .video {
	position:absolute;
	left:50%;
	top:50%;
	width:30px;
	height:30px;
	margin:-15px 0 0 -15px;
	background-image:url(../images/video.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	-webkit-background-size:100% auto;
}
/* _________ //Video Slide _________ */
/* Flex Caption Effect */
.FadeIn, .FromTop, .FromRight, .FromBottom, .FromLeft {opacity: 0; transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out;}
.captionDelay1 {transition-delay: 0.1s; -webkit-transition-delay: 0.1s;}
.captionDelay2 {transition-delay: 0.2s; -webkit-transition-delay: 0.2s;}
.captionDelay3 {transition-delay: 0.3s; -webkit-transition-delay: 0.3s;}
.flexslider li.flex-active-slide .FadeIn {opacity: 1;}
.flexslider li .FromTop {transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%);}
.flexslider li.flex-active-slide .FromTop {opacity: 1; transform: translateY(0); -o-transform: translateY(0%); -ms-transform: translateY(0); -webkit-transform: translateY(0);}
.flexslider li .FromBottom {transform: translateY(100%); -o-transform: translateY(100%); -ms-transform: translateY(100%); -webkit-transform: translateY(100%);}
.flexslider li.flex-active-slide .FromBottom {opacity: 1; transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0);}
.flexslider li .FromLeft {transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%);}
.flexslider li.flex-active-slide .FromLeft {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0);}
.flexslider li .FromRight {transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%);}
.flexslider li.flex-active-slide .FromRight {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0);}

/* Responsive Styles */
@media (min-width: 992px) and (max-width: 1199px) {
	.top_slider .slide1 .flex_caption1, .top_slider .slide2 .flex_caption1, .top_slider .slide3 .flex_caption1 {margin-left:-485px;}
	.top_slider .slide1 .flex_caption1 .title1, .top_slider .slide1 .flex_caption1 .title2, .top_slider .slide1 .flex_caption1 .title3, .top_slider .slide2 .flex_caption1 .title1, .top_slider .slide2 .flex_caption1 .title2, .top_slider .slide2 .flex_caption1 .title3, .top_slider .slide3 .flex_caption1 .title1, .top_slider .slide3 .flex_caption1 .title2, .top_slider .slide3 .flex_caption1 .title3 {font-size:70px; line-height:70px;}
	.top_slider .slide_btn {margin-left:314px;}
}
@media (min-width: 768px) and (max-width: 991px) {
	.top_slider .slide1 .flex_caption1, .top_slider .slide2 .flex_caption1, .top_slider .slide3 .flex_caption1 {margin-left:-375px;}
	.top_slider .slide1 .flex_caption1 .title1, .top_slider .slide1 .flex_caption1 .title2, .top_slider .slide1 .flex_caption1 .title3, .top_slider .slide2 .flex_caption1 .title1, .top_slider .slide2 .flex_caption1 .title2, .top_slider .slide2 .flex_caption1 .title3, .top_slider .slide3 .flex_caption1 .title1, .top_slider .slide3 .flex_caption1 .title2, .top_slider .slide3 .flex_caption1 .title3 {font-size:60px; line-height:60px;}
	.top_slider .slide_btn {margin-left:204px;}
	.top_slider .slide1 .flex_caption1 .title4, .top_slider .slide2 .flex_caption1 .title4, .top_slider .slide3 .flex_caption1 .title4 {font-size:17px; line-height:24px; width:450px;}
}
@media (max-width: 767px) {
	.flexslider.top_slider:before {height:40px;}
a.slide_btn:nth-of-type(2) {    left: 0px !important;  margin-top: 14px;}
	.top_slider .slide1 .flex_caption1, .top_slider .slide2 .flex_caption1, .top_slider .slide3 .flex_caption1 {
    margin-left: -254px;left:46%;}
	.top_slider .slide1 .flex_caption1 .title1, .top_slider .slide1 .flex_caption1 .title2, .top_slider .slide1 .flex_caption1 .title3, .top_slider .slide2 .flex_caption1 .title1, .top_slider .slide2 .flex_caption1 .title2, .top_slider .slide2 .flex_caption1 .title3, .top_slider .slide3 .flex_caption1 .title1, .top_slider .slide3 .flex_caption1 .title2, .top_slider .slide3 .flex_caption1 .title3 {font-size:40px; line-height:40px;}

	.top_slider .slide1 .flex_caption1 .title4, .top_slider .slide2 .flex_caption1 .title4, .top_slider .slide3 .flex_caption1 .title4 {font-size:13px; line-height:19px; width:420px;}

	#carousel .slides li {width:70px !important; height:55px !important; margin:0 0 0 2px !important;}

	.flexslider.top_slider .flex-direction-nav li a {width:50px; height:50px;}
	.flexslider.top_slider .flex-direction-nav li a.flex-next {left:51px;}
	.flexslider.top_slider .flex-direction-nav li a:before {width:50px; height:50px; line-height:46px;}
	.top_slider .slide_btn {padding:15px 20px 15px 20px; width:auto; left:auto; right:15px; margin:0;}
	.top_slider .slide_btn:before {right:5px; font-size:18px; top:-7px;}
  .title2 {margin-top: 0px !important;padding-left: 0px !important;}
}
@media (max-width: 479px) {
	.top_slider .slide1 .flex_caption1 .title1, .top_slider .slide1 .flex_caption1 .title2, .top_slider .slide1 .flex_caption1 .title3, .top_slider .slide2 .flex_caption1 .title1, .top_slider .slide2 .flex_caption1 .title2, .top_slider .slide2 .flex_caption1 .title3, .top_slider .slide3 .flex_caption1 .title1, .top_slider .slide3 .flex_caption1 .title2, .top_slider .slide3 .flex_caption1 .title3 {font-size:40px; line-height:26px;}
	.top_slider .slide1 .flex_caption1 .title4, .top_slider .slide2 .flex_caption1 .title4, .top_slider .slide3 .flex_caption1 .title4 {width:290px;font-size: 18pt;}
	#carousel {display:none;}
}

#Hide_Video:target {
  background: url("https://uaweb.calpoly.edu/cp/images/learnByDoing.png") white no-repeat left top !important;
 -webkit-background-size: cover !important;
 -moz-background-size: cover !important;
 -o-background-size: cover !important;
 background-size: cover !important;
}
#ada_Btn {
  position: relative;
      float: right;
      z-index: 2;
      width: auto;
      padding: 2px 8px;
      text-align: right;
      background: transparent;
      color: #222;
}
#ada_Btn a i {
  position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 40pt;
    color: rgba(255,255,255,.66);
}
#ada_Btn a i:hover {
    color: rgba(234,187,5,1);
}

/*** PRIMARY CONTENTS ***/
.textGrid {
    display: grid;
    grid-template-columns: 46% 46%;
    grid-column-gap: 10%;
    margin: 2% 7.5% 2% 7.5%;
    font-weight: lighter;
    line-height: 1.5em;
    font-size: 1.25em;
    position:relative;
}

.textGrid div.padLeft {
}
.textGrid div.padLeft_Right,
#EventsBlock {
    position:absolute;
    right:0px;
    width: 44%;
}
.r2d2 {
    position:absolute;
    right:0px;
    width: 82%;
}


#imageBox {
  width: 100%;
  display: grid;
  margin: 8px 0%;
  grid-template-columns: auto;
  grid-auto-rows: 1fr;
  background: url("https://uaweb.calpoly.edu/cp/images/20170125_cal-poly-lifestyle_APP-1093.jpg") no-repeat bottom fixed #3b78bd;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#imageBox div .imageBG_row {
  display: grid;
  margin: 4%;
  grid-template-columns: 48% 48%;
  grid-auto-rows: 1fr;
  grid-column-gap: 4%;
  grid-row-gap: 4%;
}
#imageBox div .imageBG_row div.blackBox a {
  text-decoration: none;
  color: #fefefe;
}
#imageBox div .imageBG_row div.blackBox a:hover {
  text-shadow: 0px 0px 2px black;
  color: #fff;
}
#imageBox div .imageBG_row div.blackBox {
  padding: 8% 8% 64px 8%;
  position: relative;
  background: rgba(0,0,0,.72);
  -webkit-border-radius: 4px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 4px;
    -moz-border-radius-topleft: 0;
    border-radius: 4px;
    border-top-left-radius: 0;
}



body.iphone .blackBox h2,
body.iphone .blackBox p {
  font-size: 1.75em;
}

#imageBox div .imageBG_row div.blackBox:hover {
  background: rgba(0,0,0,.69);
}
#imageBox div .imageBG_row div a {
  text-decoration: none;
  margin: 4%;
}
#imageBox div .imageBG_row div h2 {
  color: white;
  font-family: 'Lato', sans-serif;
  line-height: 1.5em;
  font-size: 1em;
  font-weight: lighter;
  text-transform: uppercase;
}
#imageBox div .imageBG_row div p {
  color: #fefefe;
  font-family: 'Lato', sans-serif;
  line-height: 1.75em;
  font-size: 1.25em;
  font-weight: lighter;
}
p.learnMoreLink {
  width: 100%;
  text-align: right;
  position: absolute;
  bottom: 8%;
  right: 8%;
  font-size: .85em !important;
}
#trumba\.spud\.0 {
    padding: 0px !important;
}
#lastTextBlock {
    margin: 2% 0px 4% 0px;
}
#newsBlock {
  border: 1px solid #ddd;
  background: #f6f3ec;
  margin: 0px;
  float: none;
  clear:none;
  display:block;
}
#newsBlock ul li {
  list-style-type: none;
  border-bottom: 1px solid #ccc;
  padding: 8px 8px 8px 24px;
  margin-right: 32px;
  background: url("https://uaweb.calpoly.edu/cp/images/icons/arrow_222222_12px.png") no-repeat left 18px;
}
#newsBlock ul li a:hover {
  color: #222;
  text-decoration: underline;
}
#EventsBlock h2,
#headlinesBlock h2 {
  color: #222;
  font-family: 'Lato', sans-serif;
  line-height: 1.25em;
  font-size: 1em;
  text-transform: uppercase;
  font-weight: lighter;
}
.imageBG_wrapper div div ul li a {
    color: #2e562c;
    text-decoration: none;
    font-size: .85em;
    cursor: pointer;
    font-weight: normal;
}
p#linkRow {
  margin: 0px 32px 16px 40px;
  font-size: .85em;
  font-weight: 100;
  color: #222;
  text-decoration: none;
}
p#linkRow a {
  font-weight: 100;
  color: #222;
  text-decoration: none;
}
p#linkRow a:hover {
  font-weight: 100;
  text-decoration: none;
  color: rgba(234,187,5,1);
}



/*** footer styling ***/
footer {
  display:grid;
  margin: 0%;
  grid-auto-rows: 4% ;
  width: 100%;
  border-top: 1px solid #ddd;
  background: #222;
  font-family: 'Lato', sans-serif;
  padding-bottom: 4%;
}
#footerTopBar {
  display: flex;
  width: 100%;
  background: #ededed;
}
#footerWeather {
  text-align:left;
  width: 46%;
  margin-left: 4%;
  margin-top: auto;
  margin-bottom: auto;
}
#weather  {
  position:relative;
  bottom: -2px;
  margin-top: auto;
  margin-bottom: auto;
}
#weather h2 {
  position:relative;
  bottom: 12px;
}
#weather h2 img {
  position:relative;
  bottom: -12px;
}
#footerSocial {
  text-align:right;
  width: 46%;
  margin-right: 4%;
  margin-top: auto;
  margin-bottom: auto;
  display: block;
}
#footerSocial a {
  margin: 8px;
}
#footerSocial a i.fa:hover {
  cursor: pointer;
  color: rgba(234,187,5,1) !important;
}
.footerSection {
  display:grid;
  margin: 0px 4%;
  grid-template-columns: 67% 33%;
  padding-top: 16px;
}
#footerLeft {
  display:grid;
  margin: 0%;
  grid-template-columns: 31% 31% 31%;
  grid-column-gap: 3%;
}

.threeColFooter h4 {
  color: white;
  text-decoration: none;
  white-space: nowrap;
  font-family: 'Lato', sans-serif !important;
  font-weight: 300;
  font-size: 1.25em;
  margin-bottom: 16px;
  margin-top: 16px;
}
.threeColFooter p,
.threeColFooter a,
.threeColFooter ul li a,
.threeColFooter li {
  color: white;
  text-decoration: none;
  white-space: nowrap;
  font-family: 'Lato', sans-serif !important;
  font-weight: 100;
  font-size: .925em;
}
.threeColFooter li {
  list-style-type: none;
  padding: 4px 0px;
}
.threeColFooter ul {
  padding: 0px;
  margin: 0px;
}
.threeColFooter a:hover li {
  cursor: pointer;
  color: rgba(234,187,5,1);
}

#footerRight {
  text-align:right;
  padding-right: 8px;
  font-size: .85em;
}
#footerRight p {
  font-size: .85em;
  margin: 4px 0px;
  color: #ededed;
}
#fRlinks {
  margin-top: 12px !important;
}
#phoneNumber {
  display:inline-block;
  white-space: nowrap;
}
#phoneNumber::before {
  content: " \2022"
}
#footerRight a {
  color: rgba(234,187,5,1);
  text-decoration: none;
}
#footerRight a:hover {
  color: #fc0;
  text-decoration: none;
}
#Logo_footer {
  width: 200px;
  height: auto;
  margin-bottom: 16px;
  margin-top: 16px;
}

#searchli_mobile {
      position: fixed;
      top: 0;
      left: 0px;
      right: 0px;
      width: 100%;
      min-width: 100%;
      background: rgba(9,14,18,.8) !important;
      min-height: 100%;
      z-index: 99999999;
      border-bottom: 1px solid black !important;
      display: none;
      padding: 0px !important;
      box-shadow: 0 0 100px black;
      height: 100%;
}
#replace_off_1 {
      height: 30%;
      position: relative;
      width: 100%;
}
#replace_off_2 {
      height: 100%;
      position: relative;
      width: 100%;
      overflow: hidden;
}
#search_mobile {
      padding: 10% 0px !important;
      background: rgba(251,249,245,.99) !important;
      margin: 0px !important;
      display: inline-block !important;
      width: 100% !important;
      text-align: left;
      height: auto;
}
#q_mobile {
      min-width: 85%;
          width: 85%;
          padding: 8px !important;
          margin: 10px 4px 10px 14px !important;
          min-height: 24px;
}
#searchSubmit_mobile {
      min-width: 24px;
      min-height: 24px;
      margin-top: 8px !important;
      border: 0;
      color: #6f6345;
      margin: 0px !important;
      vertical-align: middle;
      background-color: #f9f6ef;
      width: 5%;
      text-align: left;
}
#fontAwesome {
    display: none;
}

@media only screen and (max-width: 984px) { /* phones */

  .mob_Hide {
    z-index: 11;
    opacity: inherit;
    pointer-events: auto;
    display: inherit;
    width: auto;
    height: auto;
    position: relative;
    right: inherit;
    }


  .flexslider, .top_slider,
  #Hide_Video:target {
    background: url("https://uaweb.calpoly.edu/cp/images/learnByDoing.png") white no-repeat 50% top !important;
   -webkit-background-size: cover !important;
   -moz-background-size: cover !important;
   -o-background-size: cover !important;
   background-size: cover !important;
  }


.textGrid {
}
  .textGrid div.padLeft {
  }
  .textGrid div.padLeft_Right,
  #EventsBlock {
      position:relative;
      right:0px;
      width: auto;
  }
  .r2d2 {
      position:relative;
      right:0px;
      width: auto;
  }


  #imageBox div .imageBG_row {
      display: flex;
      flex-direction: column;
      margin: 0%;
    }
  .imageBG_wrapper {
        padding-top: 2%;
        padding-bottom: 2%;
    }
  #imageBox div .imageBG_row div.blackBox {
    margin: 16px 32px;
  }

  #cpUl, #cp {
    display: none !important;
  }
  #mainNav {
    height: 104px;
    min-width: 670px;
  }
  #fontAwesome {
      justify-content: space-between;
      display: flex;
      position: relative;
      font-family: 'Lato', sans-serif;
      background: transparent;
      margin: 0px 22.5%;
      top: 12px;
  }
  #fontAwesome label,
  #fontAwesome a {
      text-align:center;
      align:center;
      padding: 4px;
      text-decoration: none;
      color: #A4986D;
      font-family: 'Lato', sans-serif;
  }
  #fontAwesome a .fa,#fontAwesome .fa  {
      display: block;
      color: inherit;
      font-size: 46px;
  }
  #fontAwesome a:hover,
  #fontAwesome a:hover .fa,
  #fontAwesome label:hover,
  #fontAwesome label:hover .fa {
      color: #222;
      background: white;
      border-radius: 24px;
  }
  #footerLeft {
        display: flex;
        flex-direction: column;
  }
  #footerRight {
        position: relative;
  }
  #footerRight div:first-of-type {
        position: absolute;
        bottom: 0px;
        right: 4px;
  }

  .slicknav_arrow {
    display: inline-block;
    position: relative;
      top: 5px;
  }
  #blackblock {
      width: 92%;
      left: 0%;
      padding: 4%;
  }
    .slicknav_nav ul li a, .slicknav_nav ul li, .slicknav_nav li,
    #fontAwesome a.slicknav_row {
      text-align: left !important;
      font-size: 26px;
    }

      #fontAwesome a.slicknav_row a {
        width: auto;
      float: left;
      font-size: 26px;
      }

      .slicknav_nav .slicknav_row {
          display: block;
      }
      .slicknav_nav .slicknav_item {
          cursor: pointer;
      }
      .slicknav_nav li {
          color: #000;
          border-bottom: 1px solid #d1cfc7;
          display:grid;
      }
      .subitem {
        padding-left: 20px; !important;
      }
      .slicknav_row {padding-left:0px;}

    .slicknav_parent,
  .slicknav_nav ul li a,
  .slicknav_nav ul li,
  .slicknav_nav li {
    padding: 10px;
    display:block;
    color: #000;
  }


  .slicknav_nav ul li:hover,
  .slicknav_nav li:hover,
  .slicknav_nav ul li:hover,
  .slicknav_nav ul li a:hover,
  .slicknav_parent a:hover {
    background: #f6f3ec !important;
      color: #A4986D;
  }

  .slicknav_nav a:hover {
    text-decoration: underline !important;
  }

  .transparent_bg:hover,
  .transparent_bg {
    background: transparent !important;
    border: 0px solid transparent !important;
  }
  .breakLine {
    float:left;
    clear:both;
    display:inline-block;
    width: 96.5%;
  }
  ul.sublevel-1 li {
    margin-left: 24px;
    padding: 8px;
  }

  ul.sublevel-1 li:last-of-type {
    border-bottom: 0px solid white;
  }

  .slicknav_menu {background: white; color: black;}
  .slicknav_nav .largeNav div:first-of-type, .slicknav_nav .largeNavClose {display:none;}

  .slicknav_open .slicknav_menutxt {
    text-align: left;
    text-indent: 8.5px;
    position: relative;
  }

  li.slicknav_parent {
    border-bottom: 1px solid #ddd;
    background: transparent !important;
    height: 40px;
  }
  .slicknav_open ul {
    border-top: 1px solid rgba(2,68,52,.9);
  }

  .slicknav_open ul li {
    padding: 4px;
    margin: 4px 0px;
  }
  .slicknav_open ul {
  /*  background: #F6F3EC; */
  }

  .slicknav_open ul {
    background: #F6F3EC;
    width: 98%;
  }
  ul.sublevel-1,
  ul.sublevel-2 {
    display:block;
    float:left;
    clear:both;
    padding: 10px 0px 20px 20px !important;
    margin: 0px !important;
  }

  ul.sublevel-1 li:last-of-type,
  ul.sublevel-2 li:last-of-type {
    border-bottom: 0px solid white;
  }



  #mobile_nav {
     font-size: 2.5em;
  }
  .slicknav_nav ul li a, .slicknav_nav ul li, .slicknav_nav li, #fontAwesome a.slicknav_row,
  #mobile_nav,
  #mobile_nav ul li a,
  #mobile_nav ul,
  #mobile_nav ul li {
     text-align:left !important;
  }
  .slicknav_nav ul li {
    height: 46px;
  }

  #fontAwesome a .fa, #fontAwesome .fa {
      display: block;
      color: inherit;
      font-size: 28px;
  }

    .slicknav_arrow .fa {
      font-size: 28px !important;
    }



  #fontAwesome a.slicknav_row a li a,
  #fontAwesome a.slicknav_row,
  #fontAwesome a.slicknav_row a {
      float: left;
      clear: both;
      width: auto;
  }
  .slicknav_arrow {
      display: inline-block;
      position: relative;
      top: 5px;
  }
  .slicknav_parent, .slicknav_nav ul li a, .slicknav_nav ul li, .slicknav_nav li {
      padding: 10px;
      display: block;
      color: #000;
  }
      .slicknav_nav .slicknav_row {
          display: block;
      }
      .slicknav_nav .slicknav_item {
          cursor: pointer;
      }
      .slicknav_nav li {
          color: #000;
          display:grid;
      }
      .subitem {
        padding-left: 20px; !important;
      }
      .slicknav_row {padding-left:0px;}

    .slicknav_parent,
  .slicknav_nav ul li a,
  .slicknav_nav ul li,
  .slicknav_nav li {
    padding: 10px;
    display:block;
    color: #000;
    width: 96.5%;
  }


  .slicknav_nav ul li:hover,
  .slicknav_nav li:hover,
  .slicknav_nav ul li:hover,
  .slicknav_nav ul li a:hover,
  .slicknav_parent a:hover {
    background: transparent !important; /* gf1 */
      color: #A4986D;
  }


  .slicknav_menutxt {
    position:relative;
    top: -16px;
    left: 4px;
  }

  .slicknav_open .slicknav_icon .slicknav_menutxt i.fa-bars {
    position:relative;
    left: -0px !important;
  }
  .slicknav_menutxt i {
    position:relative;
    left: -4px;
  }

  .textGrid {
      display: flex;
      flex-direction: column;
      margin: 4%;
  }
  #EventsBlock {
      margin-top: 32px;
      display: none;
  }
  #azindex, #search, #quicklinks, #maps,#topLeftMenus {
    display: none;
  }

  .r2d2 {
          right: -0% !important;
  }
}


body.iphone header {
    height: 96px;
}
body.iphone #topLogo {
  width: 400px;
  position: relative;
  left: -16px;
}
body.iphone #fontAwesome {
  margin: 16px 12.5% 0px 12.5%;
  position:relative;
  top: -16px;
}
body.iphone #fontAwesome a .fa,
body.iphone #fontAwesome .fa {
  font-size: 72px;
}
body.iphone #mobile_nav li ul li a,
body.iphone #mobile_nav li a {
  font-size: 1.25em;
}
body.iphone #mobile_nav {
    left: 0% !important;
    padding: 0px;
    position: absolute;
    width: 96% !important;;
    background: white;
    margin: 0px;
    overflow-x: hidden;
}

#desaparacedo {
  display: none;
  background: rgba(9,14,18,.8);
  height: 100%;
  width: 100%;
  z-index: -1;
  position:fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#mobileNavMenu {
  display: none;
  z-index: 2400;
  overflow-x: hidden;
}
.accordion {
  width: 100%;
  margin: 0px auto;
  position:relative;
}

body.iphone {
  font-size: 1.5em;
}
body.iphone .accordion a {
  font-size: 1.15em;
}


/* Portrait and Landscape */
/* ----------- Galaxy S3 ----------- */

/* Portrait and Landscape */
@media screen
  and (device-width: 320px)
  and (device-height: 640px)
  and (-webkit-device-pixel-ratio: 2) {
    body {
      font-size: 1.5em;
    }
    body .accordion a {
      font-size: 1.15em;
    }
}

/* ----------- Galaxy S4 ----------- */
@media screen
  and (device-width: 320px)
  and (device-height: 640px)
  and (-webkit-device-pixel-ratio: 3) {
    body {
      font-size: 1.5em;
    }
    body .accordion a {
      font-size: 1.15em;
    }
}

/* ----------- Galaxy S5 ----------- */
@media screen
  and (device-width: 360px)
  and (device-height: 640px)
  and (-webkit-device-pixel-ratio: 3) {
    body {
      font-size: 1.5em;
    }
    body .accordion a {
      font-size: 1.15em;
    }
}




body.iphone .accordion p a {
  padding: 16px 0px;
}
body.iphone .accordion h1,
body.iphone .accordion h2,
body.iphone .accordion h3,
body.iphone .accordion h4,
body.iphone .accordion span {
  height: 80px;
}

.accordion span:hover {
  background: rgba(234,187,5,.9);
}

.accordion h1,
.accordion h2,
.accordion h3,
.accordion h4 {
  cursor: pointer;
  margin: 0px auto;
  height: 48px;
  padding-left: 16px;
  padding-top: 16px;
  border-bottom: 1px solid #ededed;
  font-size: 1.5em;
  font-weight: normal;
}
.accordion h2,
.accordion h3,
.accordion h4 {
  font-family: 'Lato', sans-serif;
  margin: 0px auto;
}
.accordion h1 {
  background-color: #fff;
  color: #333;
  margin: 0px auto;
  position: relative;
}
.accordion h1:hover {
  color: #111;
}
.accordion h1:first-child {
}
.accordion h1:last-of-type {
}
.accordion h1:not(:last-of-type) {
  border-bottom: 1px solid #ccc;
}
.accordion div, .accordion p {
  display: none;
  margin: 0px auto;
  position:relative;
}
.accordion h2 {
  background-color: #fff;
  color: #333;
  position:relative;
}
.accordion h2:hover {
  background-color: #fff;
}
.accordion h3 {
  background-color: #b94152;
  color: #ddd;
  position:relative;
}
.accordion h3:hover {
  background-color: #a93142;
}
.accordion h4 {
  background-color: #ffc25a;
  color: #af720a;
  position:relative;
}
.accordion h4:hover {
  background-color: #e0b040;
}
.accordion p {
  background-color: #ddd;
  font-family: 'Lato', sans-serif;
  color: #333;
  position: relative;
  border-bottom: 1px solid #ccc;
}
.accordion h1 a,
.accordion h2 a,
.accordion h3 a,
.accordion h4 a,
.accordion p a {
  position:absolute;
  width: 98%;
  height: 100%;
  display: block;
  background: transparent;
  left: 0px;
  top: 0px;
  padding-left: 16px;
  padding-top: 16px;
  text-decoration: underline;
  color: #A4986D;
  overflow: hidden;
}
.accordion h1:hover,
.accordion h2:hover,
.accordion h3:hover,
.accordion h4:hover,
.accordion p:hover,
.accordion h1 a:hover,
.accordion h2 a:hover,
.accordion h3 a:hover,
.accordion h4 a:hover,
.accordion p a:hover {
  background: #F6F3EC !important;
}

.accordion span {
  height: 48px;
  display: block;
  width: 100%;
  position: relative;
  background: white;
  margin-left: 32px;
  padding-left: 16px;
}

.accordion span a {
  margin-left: 16px;
}

.option-heading {}
.option-content { display: none; background: #F6F3EC; padding-bottom: 16px;}
.arrow-up {margin-left:20px;width:25px;display:inline-block; pointer-events: none;}
.arrow-down {margin-left:20px;width:25px;display:inline-block; pointer-events: none;}

.option-content h2 {
  margin-left: 16px;
}


/* IE only */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

  .r2d2 {
    position: relative;
    width: auto;
    margin-top: 4%;
  }
  #footerTopBar,
  #EventsBlock {
      display: none !important;
  }
  .textGrid div.padLeft_Right {
      position:relative !important;
      right:0px !important;
      width: auto !important;
  }
  #imageBox div .imageBG_row {
    padding-top: 40px;
    padding-bottom: 40px;
    margin: 20px 4%;
  }
  #imageBox div .imageBG_row div h2 {
    font-size: 2em;
  }
  #imageBox div .imageBG_row div.blackBox {
    padding: 2% 8% 64px 2%;
  }
}
/* EDGE only */
@supports (-ms-ime-align:auto) {

  .r2d2 {
    position: relative;
    width: auto;
    margin-top: 4%;
  }
  #footerTopBar,
  #EventsBlock {
      display: none !important;
  }
  .textGrid div.padLeft_Right {
      position:relative !important;
      right:0px !important;
      width: auto !important;
  }
  #imageBox div .imageBG_row {
    padding-top: 40px;
    padding-bottom: 40px;
    margin: 20px 4%;
  }
  #imageBox div .imageBG_row div h2 {
    font-size: 2em;
  }
  #imageBox div .imageBG_row div.blackBox {
    padding: 2% 8% 64px 2%;
  }
}



/* Safari only */
@media not all and (min-resolution:.001dpcm) { @media {
    .r2d2 {
        position:relative;
        right: -4%;
    }
}}





@font-face {
    font-family: 'weather';
    src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot');
    src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff') format('woff'),
         url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.ttf') format('truetype'),
         url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
    font-weight: normal;
    font-style: normal;
}
#weather h2 i {
  color: rgba(234,187,5,1);
      font-family: weather;
      font-size: 3em;
      font-weight: normal;
      font-style: normal;
      line-height: 1.0;
      text-transform: none;
      top: .15em;
      position: relative;
      margin-right: 8px;
}
.icon-0:before { content: ":"; }
.icon-1:before { content: "p"; }
.icon-2:before { content: "S"; }
.icon-3:before { content: "Q"; }
.icon-4:before { content: "S"; }
.icon-5:before { content: "W"; }
.icon-6:before { content: "W"; }
.icon-7:before { content: "W"; }
.icon-8:before { content: "W"; }
.icon-9:before { content: "I"; }
.icon-10:before { content: "W"; }
.icon-11:before { content: "I"; }
.icon-12:before { content: "I"; }
.icon-13:before { content: "I"; }
.icon-14:before { content: "I"; }
.icon-15:before { content: "W"; }
.icon-16:before { content: "I"; }
.icon-17:before { content: "W"; }
.icon-18:before { content: "U"; }
.icon-19:before { content: "Z"; }
.icon-20:before { content: "Z"; }
.icon-21:before { content: "Z"; }
.icon-22:before { content: "Z"; }
.icon-23:before { content: "Z"; }
.icon-24:before { content: "E"; }
.icon-25:before { content: "E"; }
.icon-26:before { content: "3"; }
.icon-27:before { content: "a"; }
.icon-28:before { content: "A"; }
.icon-29:before { content: "a"; }
.icon-30:before { content: "A"; }
.icon-31:before { content: "6"; }
.icon-32:before { content: "1"; }
.icon-33:before { content: "6"; }
.icon-34:before { content: "1"; }
.icon-35:before { content: "W"; }
.icon-36:before { content: "1"; }
.icon-37:before { content: "S"; }
.icon-38:before { content: "S"; }
.icon-39:before { content: "S"; }
.icon-40:before { content: "M"; }
.icon-41:before { content: "W"; }
.icon-42:before { content: "I"; }
.icon-43:before { content: "W"; }
.icon-44:before { content: "a"; }
.icon-45:before { content: "S"; }
.icon-46:before { content: "U"; }
.icon-47:before { content: "S"; }