/* Code to change page width START */
.container_12 {
    width: 1200px;
}
.s1_grid_12{
    width: auto;
}
@media only screen and (max-width: 1199px) and (min-width: 600px){
.container_12 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1200px;
    min-width: 600px;
}}
@media only screen and (max-width: 616px){
.container_12 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 600px;
    min-width: 320px;
    display: block;
}}
/* Code to change page width END */
 
/* Code to make rows columns for pictures */
{
  box-sizing: border-box;
}

.column {
  float: left;
  width: 25%;
  padding: 5px;
}

/* Clearfix (clear floats) */
.row::after {
  content: "";
  clear: both;
  display: table;
}
.aligncenter {
    text-align: center;
}
/* COPIED FROM PNAA */
.WaGadgetMenuHorizontal .menuInner ul ul li.dir>.item>a>span:after {
    content: none;
}
.WaGadgetMenuHorizontal ul.firstLevel ul.secondLevel ul.secondLevel {
  display: none !important;
}

.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContentOuterContainer .boxBodyContentContainer img.event-img {
   max-height:280px;
}
.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContentOuterContainer .boxBodyContentContainer div.details{
   display:none;
}
/*.WaGadgetEventsStateList .upcomingEventsContainer .boxBodyOuterContainer .boxBodyContentOuter.fixedHeight .inner.gadgetEventEditableArea .front-img{
   display:none;
}*/
.WaGadgetEventsStateDetails .boxContainer .boxBodyOuterContainer .boxBodyContentOuterContainer .boxBodyContentContainer.fixedHeight .inner.gadgetEventEditableArea .front-img{
   display:none;
}
.WaGadgetEventsStateDetails .boxContainer .boxBodyOuterContainer .boxBodyContentOuterContainer .boxBodyContentContainer.fixedHeight .inner.gadgetEventEditableArea .container-fluid {
   margin-left:0px;
   margin-right:0px;
}
.media > .pull-left {
  padding-right: 15px;
  float-left !important
}
@media (min-width: 544px) { 
 
  
}


@media (min-width: 768px) { 
  img.ch-image, #accordion img.sm-logo {
	  width:100%;
	  }
  .img-dino {
     width:110px;
     margin-bottom:0px;
  }
  #NCR-event .details .btn {
    font-size: 0.85rem;
    padding-left: 1rem; 
    padding-right: 1rem;
  }
/*.message-link {display:block;}*/
 }

@media (min-width: 992px) { 
  img.ch-image, #accordion img.sm-logo {
	  width:100%;
	  }
  .img-dino {
     width:140px;
  }
  .pd-top1 {
     margin-top:0px;
  }
  #NCR-event .details .btn {
    font-size: 0.82rem;
  }
  .WaGadgetEventsStateDetails .boxContainer .boxBodyOuterContainer .boxBodyContentOuterContainer .boxBodyContentContainer.fixedHeight .inner.gadgetEventEditableArea .container-fluid{
   margin-left:15px;
   margin-right:15px;
  }
}

@media (min-width: 1200px) { 
img.ch-image, #accordion img.sm-logo {
	  width:100%;
	  }
   .img-dino {
     width:140px;
   }
   .pd-top1 {
     margin-top:0px;
  }  
   #NCR-event .details .btn {
    font-size: 0.90rem;
  } 
}

/*.container {width:100%}*/
  hr.style-four { 
	  height: 12px; 
	  border: 0; 
	  -webkit-box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
	  -moz-box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
	  box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5); }
  hr.style-eight { 
	  padding: 0; 
	  border: none; 
	  border-top: medium double #333; 
	  color: #333; 
	  text-align: center; }
.WaGadgetContent.gadgetStyleNone .gadgetStyleBody a.btn, .WaGadgetContent.gadgetStyle001 .gadgetStyleBody a.btn,
.WaGadgetContent.gadgetStyle002 .gadgetStyleBody a.btn,
.WaGadgetContent.gadgetStyle003 .gadgetStyleBody a.btn,
.WaGadgetContent.gadgetStyleNone .gadgetStyleBody a.btn:link, .WaGadgetContent.gadgetStyle001 .gadgetStyleBody a.btn:link,
.WaGadgetContent.gadgetStyle002 .gadgetStyleBody a.btn:link,
.WaGadgetContent.gadgetStyle003 .gadgetStyleBody a.btn:link,
a.btn, a.btn:link, .gadgetStyleNone a.stylizedButton.buttonStyle001, .gadgetStyle001 a.stylizedButton.buttonStyle001 {
   color: #fff;
   text-decoration: none;

}
a.btn:hover, .WaGadgetContent.gadgetStyleNone .gadgetStyleBody a.btn:hover, .WaGadgetContent.gadgetStyle001 .gadgetStyleBody a.btn:hover,
.WaGadgetContent.gadgetStyle002 .gadgetStyleBody a.btn:hover,
.WaGadgetContent.gadgetStyle003 .gadgetStyleBody a.btn:hover, .gadgetStyleNone a.stylizedButton.buttonStyle001:hover, .gadgetStyle001 a.stylizedButton.buttonStyle001:hover {
   color: #fff;
   text-decoration: underline;
}
.gutter-5 > [class*='col-'] {
    padding-right:5px;
    padding-left:5px;
}
.gutter-0 > [class*='col-'] {
    padding-right:0px;
    padding-left:0px;
}
/* Extra Large devices (1200px and up) */
@media only screen and (min-width: 1200px) {  
.btn-ch {
   width:100%; font-size: 13px;
    }	
}
[class*="EditableArea"] {
  line-height: 22px;
}
@media (min-width: 320px) and (max-device-width: 767px)  {
 .iframe_container {
    width: 98%;
	height: 450px;
  }
}
@media (min-width: 768px) and (max-width: 991px)and (orientation: portrait)  {
  .iframe_container {
    width: 98%;
	height: 650px;
  }
}
@media (min-width: 768px) and (max-width: 991px) and (orientation: landscape) {
  .iframe_container {
    width: 98%;
    height: 800px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .iframe_container {
    width: 98%;
    height: 900px;
    padding-left:10px;
  }  
}
@media (min-width: 1200px) {
.iframe_container {
    width: 98%;
    height: 1050px;
    padding-left:10px;
  }
}
/*
@media (min-width: 1200px) and ((-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx)) {
  .iframe_container {
    width: 98%;
	height: 1050px;
	padding-left:10px;
  }
}

@media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 1){

.iframe_container {
    width: 98%;
height: 1050px;
padding-left:10px;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

.iframe_container {
    width: 98%;
   height: 1050px;
   padding-left:10px;
  }
}
*/
.gadgetStyleBody .media .media-heading a:link, .gadgetStyleBody .media .media-body a:link, {
  color:#30AAE9;
}
.gadgetStyleBody .media .media-heading a:hover, .gadgetStyleBody .media .media-body a:hover, {
  color:#2AC194;
}
.gadgetStyleBody .media-body a:link, .gadgetStyleBody .media-body a:visited, .gadgetStyleBody .media p {
  font-size: 13px;
  line-height: 18px; 
}
.gadgetStyleBody .media-heading h4, .gadgetStyleBody .media-heading a:link, .gadgetStyleBody .media-heading a:visited {
  font-size: 14px;
  line-height: 18px; 
}

.zoneInner, .zoneWrap, .zoneInner > .WaPlaceHolder 
{ 
  max-width: 1200px; 
}
.zoneTopCornersWrap, .zoneTopCorners {
background-color: transparent;
}
.zoneHeaderWrap, .zoneHeader1Wrap, .zoneHeader2Wrap, .zoneHeader3Wrap, .zoneBranding {
background-image: url(/resources/Pictures/headerbg.png);
}
div.media {
padding: 10px;
 /* margin-top: 10px;
  margin-bottom: 0px;*/
}
.media .pull-left a img{
/*margin-bottom: 10px;*/
}
.WaGadgetUpcomingEvents ul li .date .time {
  border: none;
  display: inline-block;
  padding: 4px 0;
  font-weight: bold;
  font-size: 12px;
  margin-right: 10px;
  width: 90px;
  text-align: left;
}
.vcenter1 { 
display: inline-block; 
vertical-align: top; 
padding:0 10px;
}
div.desc {
   padding: 10px 0px; 
   line-height: 16px;
}
div.vcenter1 .desc font {
   color: #0D004C;
}
table.center_table, .center_table {
   text-align:center; 
   margin-left:auto; 
    margin-right:auto; 
}

.fieldSubContainer .fieldBody .fieldItem {
  margin: 0 0 0px 0;
}
.fieldSubContainer .fieldBody .label {
  text-align:left;
}
.levelRenewal {
  display: none;
}
.levelRecurring {
  display: none;
}
.WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer .boxHeaderContainer h4.boxHeaderTitle a {
  margin: 0px;
  padding: 0px;
  font-size: 18px;
  font-weight: normal;
  color: #337ab7; /*#0072bc;*/
}

/*** Removing the author's name - BLOGS ***/

.boxInfoContainer h5
{ display: none;}
.WaGadgetRecentBlogPosts .itemAuthor
{ display: none; }

/* officers pictures lined up in rows */
#officers-row {
    position: relative;
    overflow: hidden;
}
.officer {
    display: inline-block;
    vertical-align: top;
    margin: 1% 1% 10px 1%;
}
.name {
    text-align: center;
    bottom: 0px;
}
.officer img {
    display: block;
    margin-left: auto;
    margin-right: auto; 
}
/* officers pictures lines up in rows END */

 /* Three image containers (use 25% for four, and 50% for two, etc) */
.sponsor_column {
  float: left;
  width: 19%;
  padding: 5px;
}

/* Clear floats after image containers */
.sponsor_row::after {
  content: "";
  clear: both;
  display: table;
} 
.sponsor_column img {
  line-height: 1.5;
  display: inline-block;
  vertical-align: middle;
}
#sponsor_image {
  text-align: center;
}

/* START add shadow to grey box (president) home page */
#id_RihLnox{

box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
}
/* END add shadow to grey box home page */

/* START adding shadow, borders and opacity to content block on top of home page image */
.gadgetStyle004{
  background-color: rgba(255, 255, 255, 0.7);
  border: 2px solid;
  /* box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.781); */
}
/* END adding shadow, borders and opacity to content block on top of home page image */

/* START editing the 3rd default button */
a.stylizedButton.buttonStyle003 {
    background: #F7941D;
    color: #FFFF;
}
/* START editing the third defauly button */


/* START CONTACT SLC Button */
.contactSLC {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	background-color:#f9f9f9;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
  font-style: normal;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
  
}
.contactSLC:hover {
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	background-color:#e9e9e9;
  text-decoration: none;
}
.contactSLC:active {
	position:relative;
	top:1px;
}
/* START CONTACT SLC Button */

/* START ELECTION Button */
.election {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	background-color:#f9f9f9;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:24px;
	font-weight:bold;
  font-style: normal;
	padding:24px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
  
}
.election:hover {
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	background-color:#e9e9e9;
  text-decoration: none;
}
.election:active {
	position:relative;
	top:1px;
}
/* END ELECTION Button */


/* START JOIN US Button */
.joinusButton {
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
	background-color:#79bbff;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	cursor:pointer;
	color: #FFFF !important;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
}
.joinusButton:hover {
	background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
	background-color:#378de5;
}
.joinusButton:active {
	position:relative;
	top:1px;
}
/* START JOIN US Button */


/* START Students Corner Button */
.studentcornerButton {
	box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	background:linear-gradient(to bottom, #b8e356 5%, #a5cc52 100%);
	background-color:#b8e356;
	border-radius:6px;
	border:1px solid #83c41a;
	display:inline-block;
	cursor:pointer;
	color: #FFFF !important;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #86ae47;
}
.studentcornerButton:hover {
	background:linear-gradient(to bottom, #a5cc52 5%, #b8e356 100%);
	background-color:#a5cc52;
}
.studentcornerButton:active {
	position:relative;
	top:1px;
}
/* START Students Corner Button */

/* START COVID-19 Button */
.covid19Button {
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
	background-color:#ffc477;
	border-radius:6px;
	border:1px solid #eeb44f;
	display:inline-block;
	cursor:pointer;
	color:#FFFF !important;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #cc9f52;
}
.myButtcovid19Button:hover {
	background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);
	background-color:#fb9e25;
}
.covid19Button:active {
	position:relative;
	top:1px;
}
/* START COVID-19 Button */

/* START Donate Button */
.donateButton {
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
	background-color:#f24537;
	border-radius:6px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#FFFF !important;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;
}
.donateButton {
	background:linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);
	background-color:#c62d1f;
}
.donateButton:active {
	position:relative;
	top:1px;
}

/* poll header question to fit entire text */
h2 {
    white-space: unset;
}

/* donation page links */
a.donationLinks:link {
  font-size:16px;
  text-decoration:none !important; 
  color:#337ab7;
}
a.donationLinks:visited {
color:#84bbf3;
}
a.donationLinks:hover {
  color:#86ae47;
}
a.donationsLink:active {
  color:#337ab7
}

/* center homepage iframe video */
.center {
  margin: auto;
  border: 3px solid #73AD21;
  padding: 10px;
}