<style type="text/css" id="wp-custom-css">

html,
body {
  height: 100%;
}

.nav-link {
  color: #fff;
}

.active{
    color:yellow !important;
}

.dropright .dropdown-menu{
  left:auto!important;
  right:0!important;
}
	

div.rich-text h3 {
	margin: 1.25em 0 0 0;
}

a.bigboy {
	font-size: 2em;
}

h2.press {
	font-size: 2.2em;
	font-family: "Source Sans Pro";
	font-weight: bold;
	color: #f1c631;
	margin: 0 0 8px 0;
	}

h2.press a:link {
	color: #f1c631;
	text-decoration: none;
	}

h2.press a:hover {
	color: #fff;
	text-decoration: underline;
	}

p.cite {
	font-size: 1.5em;
	font-family: "Source Sans Pro";
	margin: 0 0 50px 0;
	
}

hr {
	background-color:#019dab;
}


.cards-wrapper {
  display: flex;
  justify-content: center;
}
.card img {
  max-width: 100%;
  max-height: 100%;
}

.card {
  margin: 0 0.5em;
  box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
  border: 1;
  border-radius: 0;
}

.navbar-toggler {
    border-color: #C93A5A;
}

.navbar-toggler-icon {
        background-image: url(
"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.dropdown-toggle { background-color: #C93A5A; }
.dropdown-menu { background-color: #C93A5A; }

.dropdown a {
    color: #fff;
}

.dropdown a:hover {
    color: gold;
    background-color: #C93A5A;
}

/* START navbar hamburger 3 line to X */

.navbar-toggler {
  width: 30px;
  height: 30px;
  position: relative;
  transition: .5s ease-in-out;
}

.navbar-toggler,
.navbar-toggler: focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
  outline: none;
  box-shadow: none;
  border: 0;
}


.navbar-toggler span {
  margin: 0;
  padding: 0;
}

.toggler-icon {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #fff;
  border-radius: 1px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: .25s; ease-in-out;
}


.middle-bar {
  margin-top: 0px;

}

/* when navigataion is clicked */

.navbar-toggler .top-bar {
  margin-top: 0px;
  transform: rotate(135deg);
}

.navbar-toggler .middle-bar {
  opacity: 0;
  filter: alpha(opacity=0);
}


.navbar-toggler .bottom-bar {
  margin-top: 0px;
  transform: rotate(-135deg);
}


/* state when the navbar is collapsed */

.navbar-toggler.collapsed .top-bar {
  margin-top: -20px;
  transform: rotate(0deg);
}

.navbar-toggler.collapsed .middle-bar{
  opacity: 1;
  filter: alpha(opacity=100);

}

.navbar-toggler.collapsed .bottom-bar {
  margin-top: 20px;
  transform: rotate(0deg);
}

/* --- END navbar hamburger 3 line to X  -- */

/* -- show drop down full screen --*/
.navbar-collapse.show, .navbar-collapse.collapsing {
  transition: height 0s ease;
}

.navbar-collapse.show {
  height: calc(100vh - 56px);
  transition: height .35s ease;
}

.logo-row {
  display: inline-table;
}

/* Create three equal columns that sits next to each other */
.logo-column {
  padding: 5px;
}

.logo-row-mobile {
  display: flex;
}

/* Create three equal columns that sits next to each other */
.logo-column-mobile {
  flex: 50%;
  padding: 5px;
}

@media only screen and (max-width: 750px) {
	.desktop-display {display:none}
	.mobile-display {display:block}
}

@media only screen and (min-width: 750px)  {
	.mobile-display{display:none}
	.desktop-display{display:block}
}
	
</style>