/* TSE FONT */
@font-face {
  font-family: "tse-font";
  src:url("../fonts/tse-font.eot");
  src:url("../fonts/tse-font.eot?#iefix") format("embedded-opentype"),
    url("../fonts/tse-font.woff") format("woff"),
    url("../fonts/tse-font.ttf") format("truetype"),
    url("../fonts/tse-font.svg#tse-font") format("svg");
  font-weight: normal; font-style: normal;

}

[data-icon]:before {
  font-family: "tse-font" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="tse-icon-"]:before,
[class*=" tse-icon-"]:before {
  font-family: "tse-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* TSE FONT SETUP */
.tse-icon-question:before {
  content: "\61";
}
.tse-icon-eye:before {
  content: "\62";
}
.tse-icon-graph:before {
  content: "\63";
}
.tse-icon-infinity:before {
  content: "\64";
}
.tse-icon-dollar:before {
  content: "\65";
}
.tse-icon-thumbs-up:before {
  content: "\66";
}
.tse-icon-fire:before {
  content: "\67";
}
.tse-icon-check:before {
  content: "\68";
}
.tse-icon-chat-bubble:before {
  content: "\69";
}











/* GENERIC STYLES */


body {
    font-family: 'Roboto', sans-serif;
    cursor: default;
}


/* Colors */

.yellow     { color: #ffdc00; }
.red        { color: #e2231a; }
.blue       { color: #00adef; }
.magenta    { color: #dc1478; }
.gray       { color: #6b6c6e; }
.white      { color: #ffffff; }
.dark-blue  { color: #336699; }
.purple     { color: #512DA8; }
.facebook-blue  { color: #336699 } 
.twitter-blue  { color: #3399cc }
.youtube-red  { color: #db4f3f }



/* FONT STYLES FOR MOBILE */
    h1, h1 p { font-size: 40px; }
    h2, h2 p { font-size: 35px; }
    h3, h3 p { font-size: 26px; }
    h4, h4 p { font-size: 22px; }
    h5, h5 p { font-size: 18px; }
    h6, h6 p { font-size: 18px; }
    p {  font-size: 18px; }
    .large  { font-size: 50px; }

/* FONT STYLES FOR TABLET */
@media (min-width: 767px) {
    h1, h1 p { font-size: 55px; }
    h2, h2 p { font-size: 40px; }
    h3, h3 p { font-size: 30px; }
    h4, h4 p { font-size: 25px; }
    h5, h5 p { font-size: 18px; }
    h6, h6 p { font-size: 16px; }
    p {  font-size: 16px; }
    .large  { font-size: 65px; }
}

/* FONT STYLES FOR WEB */
@media (min-width: 1024px) {
    h1, h1 p { font-size: 56px; }
    h2, h2 p { font-size: 50px; }
    h3, h3 p { font-size: 30px; }
    h4, h4 p { font-size: 25px; }
    h5, h5 p { font-size: 18px; }
    h6, h6 p { font-size: 15px; }
    p {  font-size: 16px; }
    .large  { font-size: 85px; }
}


h1, h2, h3, h4, h5, h6 { letter-spacing: 1px; }
h1 { letter-spacing: 3px; line-height: 1.1; }
h5 { letter-spacing: 2px; }

a { color: inherit; }
a:hover, a:focus { color: inherit; text-decoration: none; opacity: .6; }

.clickable { cursor: pointer; }

.btn-rounded { border-radius: 50px; letter-spacing: 3px; }
.btn-lg { font-size: 30px; font-weight: 100; padding: 15px 25px }
.btn-md { font-size: 25px; font-weight: 100; padding: 18px 25px; letter-spacing: 1px; }
.btn-white { background-color: white; }
.submit-btn { 
	width: 100%; 
	background-color: #9e246f; 
	color: white; 
	font-size: 20px; 
	font-weight: bold;
	padding: 25px 25px; 
	border-radius: 10px;
	background-color: #F54263;
}
.submit-btn:hover { background-color: #E23757; color: white; }

.hidden-text { display: none; }

input { font-weight: 100; }


.input-group-lg>.input-group-btn>.btn { 
	font-size: 13px; 
	font-weight: bold; 
	letter-spacing: 1px; 
	background-color: #676D75; 
	color: #fff;
	border: 0;
}

.input-group-lg>.input-group-btn>.btn:hover {
	background-color: #F54263;
}

.input-lg {
    font-size: 25px;
    font-style: italic;
    padding: 15px;
    height: inherit;
    font-weight: 100;
    font-family: 'Roboto', sans-serif;
    border-radius: 10px;
}

.outlined-link {
    border: 1px solid white;
    padding: 10px 25px;
    border-radius: 50px;
    margin: 15px 15px 15px 0px;
    display: inline-block;
}

.outlined-link.invert {
    border-color: black;
}

#page-content p {
	font-size: 22px;
	font-weight: 100;
}

/* NAVIGATION */
.navbar { border: 0; }
.navbar-default { 
	background-color: rgba(0,0,0,0.2); 
	margin-bottom: 0px;
}
.navbar-default .navbar-nav a { text-transform: uppercase; font-weight: 600; letter-spacing: 1px;}
.navbar-default .navbar-nav>.current-menu-item>a,
.navbar-default .navbar-nav>.current-menu-item>a:hover,
.navbar-default .navbar-nav>.current-menu-item>a:focus { color: white;}
.navbar-toggle { margin: 0px; cursor: pointer; }
.navbar-toggle .icon-bar+.icon-bar { margin-top: 5px; }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
.navbar-brand { padding: 7px 7px 7px 15px; }
.nav.navbar-nav.navbar-right li:nth-child(6) a {
    margin: 10px 0;
    padding: 5px 10px;
    color: white;
    background: #F34B5C;
    border-radius: 2px;
}
.navbar-default .navbar-nav>li>a {
	color: #fff;
}
.nav>li.nav-menu-icon {
	display: none;
}

.nav>li.menu-item {
	display: block;
}

@media (max-width: 767px) {
    .navbar-nav { margin: 0px; }
    .navbar-default .navbar-nav li { display: inline-block; float: left; }
    .navbar-header, .navbar-header:after { clear: none; }
    .navbar-nav.navbar-right { float: right; }
    .navbar-nav>li>a { padding-top: 15px; padding-bottom: 15px; }
    .nav.navbar-nav.navbar-right li:nth-child(6) a {
    }
	.nav>li.nav-menu-icon {
		display: block;
	}
	.nav>li.menu-item {
		display: none;
	}
}





/* SIDE NAVIGATION */
#side-navigation {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 99999; /* Stay on top */
    top: 0;
    right: 0;
    background-color: rgba(62, 65, 70, 0.8);
    overflow-x: scroll; /* Disable horizontal scroll */
    transition: right 400ms ease-out, width 400ms ease-out; /* transition effect to slide in the sidenav */
    width: 450px;
    right: -450px;
    color: #fff;
    padding: 0 0 25px 25px;
    font-weight: 400;  
    -webkit-font-smoothing: antialiased;
}

#side-navigation h4 { font-weight: 400; }


@media (max-width: 767px) {
    #side-navigation {
        padding-right: 15px;
    }
}
#side-navigation.open {
    right: 0;
}
#side-navigation-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    pointer-events: none;
    transition: opacity 400ms ease-out;
    background-color: black;
    opacity: 0;
}

#side-navigation.open ~ #side-navigation-overlay {
    pointer-events: auto;
    opacity: 0.75;
}

#side-navigation .blank.menu-item {
    visibility: hidden;
}

#side-navigation .sub-menu {
    list-style: none;
    padding: 0px;
    margin: 0px;
    font-weight: 300;
    font-size: .8em;
}
#side-navigation .sub-menu a {
    font-size: .85em;
}


@media (max-width: 767px) {
    #side-navigation {
        width: 100%;
        right: -100%;
    }
}
.side-navigation-wrapper { padding: 15px 15px; }

.side-navigation-wrapper .pull-left img {
	width: 180px;
}

.close {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  overflow: hidden;
}
.close:hover::before, .close:hover::after {
  background: black;
}
.close::before, .close::after {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #fff;
}
.close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.close.hairline::before, .close.hairline::after {
  height: 1px;
}

#side-navigation .sidebar-nav-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

#side-navigation .sidebar-nav-menu li {
    font-size: 22px;
	padding: 6px 0;
}

.share-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}
.share-menu li {
    display: inline-block;
}
.share-menu li a {
    padding: 25px 25px 25px 0px;
    font-size: 1.5em;
}


.nav .fa-facebook-official {
	font-size: 22px;
}





/* HEADER*/

.dynamic-content {
    height: 100vh;
    max-height: 900px;
    width: 100%;
    position: relative;
}

.header {
    height: 95vh;
    max-height: 900px;
    width: 100%;
    position: relative;
}
@media (min-width: 768px) and (max-width:1000px) {
    .header { height: 70vh; }
}


.dynamic-content .dynamic-content-feed {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}
.dynamic-content .dynamic-content-container {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 5;
    color: white;
    padding-top: 50px;
    display: flex;
    align-items: center;
    overflow: hidden;
	background-image: url(http://thesocialedge2.wpengine.com/wp-content/uploads/2018/04/wide-opacity-grey-tall1.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 50% 50%;
}

.dynamic-content .dynamic-content-container a {
    pointer-events: auto;
}

.dynamic-content .dynamic-content-container .container {
    margin-top: -112px;
	display: flex;
	justify-content: center;
}

.header-banner-text {
	max-width: 520px;
}

.header-banner-text p {
	text-align: center;
}

.dynamic-content-feed-items {
    list-style: none;
    padding: 0;
    margin: 0;
}
.dynamic-content-feed-item {
    position: relative;
    float: left;
    height: 50%;
    background-position: center center;
    background-size: cover;
}
.dynamic-content-feed-item::after {
    position: absolute;
    display: block;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-color: rgba(0, 0, 0, 0.55);
}
.dynamic-content-feed-item:nth-child(1) { width: 50%; }
.dynamic-content-feed-item:nth-child(2) { width: 50%; }
.dynamic-content-feed-item:nth-child(3) { width: 33.33333%; }
.dynamic-content-feed-item:nth-child(4) { width: 33.33333%; }
.dynamic-content-feed-item:nth-child(5) { width: 33.33333%; }


@media (max-width: 767px) {
    .dynamic-content-feed-item:nth-child(1) { width: 100%; }
    .dynamic-content-feed-item:nth-child(2) { width: 100%; }
    .dynamic-content-feed-item:nth-child(3) { display: none; }
    .dynamic-content-feed-item:nth-child(4) { display: none; }
    .dynamic-content-feed-item:nth-child(5) { display: none; }
}

@media (max-width: 1600px) {
	.dynamic-content .dynamic-content-container {
		background-size: 110%;
	}
}

@media (max-width: 1400px) {
	.dynamic-content .dynamic-content-container {
		background-size: 120%;
	}
}

@media (max-width: 1200px) {
	.dynamic-content .dynamic-content-container {
		background-size: 130%;
	}
}

@media (max-width: 960px) {
	.dynamic-content .dynamic-content-container {
		background: none;
	}
}

.feed-item-metadata {
    position: absolute;
    z-index: 2;
    width: 100%;
    padding: 15px;
    background-color: rgba(0, 0, 0, 0.75);
    transition: opacity 250ms ease-out;
    opacity: 0;
}

.home-headline {
	font-size: 54px;
	font-weight: 900;
	letter-spacing: -0.7;
}

.home-banner-logo {
	text-align: center;
}

.home-banner-logo img {
	width: 200px;
}

@media (max-width: 767px) {
    .header.dynamic-content .dynamic-content-feed-item:first-child .feed-item-metadata {
        margin-top: 50px;
    }

    .dynamic-content-feed-item:nth-child(n+2) .feed-item-metadata {
        bottom: 0;
    }
	
	.home-headline {
		font-size: 42px;
	}
	
	.dynamic-content .dynamic-content-container .container {
		margin-top: 10px;
	}
}

@media (min-width: 768px) {
    .dynamic-content-feed-item:hover .feed-item-metadata { opacity: 1; }

    .header.dynamic-content .dynamic-content-feed-item:nth-child(-n+2) .feed-item-metadata {
        margin-top: 50px;
    }

    .dynamic-content-feed-item:nth-child(n+3) .feed-item-metadata {
        bottom: 0;
    }
}

.feed-item-date {
    letter-spacing: 0.1em;
    font-size: 11px;
}


.feed-item-title {
    margin: 0 0 0.25em;
    letter-spacing: -0.005em;
    font-size: 18px;
}

.feed-item-date + .feed-item-title {
    margin-top: 0.1em;
}

.feed-item-popularity {
    letter-spacing: 0.1em;
    font-size: 11px;
}

.arrow-container {
    position: absolute;
    bottom: 0;  
    left: 0;
    width: 100%;    
    z-index: 5;     
    padding-bottom: 35px; 
    pointer-events: none;
}
.down-arrow {
    width: 40px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    background-image: url('../img/arrow-down.png');
    background-size: cover;
    pointer-events: none;
}












/* FOOTER */

.footer {
    padding-bottom: 50px;
    background-color: #333;
}
.footer .navbar-default {
    background-color: transparent;
}

.footer .navbar .navbar-nav {
    display: block;
    float: none;
    text-align: center;
    padding: 15px 0px;
}
.footer .footer-navbar-brand {
    padding-top: 6px;
    padding-right: 10px;
}
.footer .navbar-default .navbar-nav a.btn-rounded { letter-spacing: 2px; }

.footer-newsletter {
	display: flex;
	justify-content: center;
	padding: 30px 0 40px;
	background-color: #3E4146;
}

.footer-newsletter-content {
	width: 90%;
	max-width: 600px;
}

.footer-newsletter-content h4 {
	text-align: center;
	padding-bottom: 10px;
}

.footer-newsletter-content .input-group-lg>.form-control {
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
}

.footer-newsletter-content .input-group-lg>.input-group-btn>.btn {
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
}

.footer-newsletter h4 {
	color: #fff;
	font-weight: bold;
}

@media (max-width: 767px) {
    .footer .navbar-default .navbar-nav a.btn-rounded { display: inline-block;  }
    .footer .navbar .navbar-nav li {
        display: block;
        float: none;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .footer .navbar-nav.navbar-right { padding: 15px 15px 15px 0px; }
    .footer .footer-navbar-brand img { width: 110px; height: auto; padding-top: 5px; }
    .footer .navbar .navbar-nav li a { font-size: 10px; padding: 15px 5px; }
    .footer .navbar-default .navbar-nav a.btn-rounded { padding: 10px 10px;  }
}
@media (min-width: 1000px) and (max-width: 1100px) {
    .footer .navbar .navbar-nav li a { font-size: 11px; padding: 15px 8px; }
}



/* SECTIONS */
.padded-section {
    padding: 75px 0px;
}

@media (max-width: 767px) {
    .padded-section {
        padding: 65px 0px;
    }
}

.section.image-text .container {
    min-height: 50vh;
}
@media (min-width: 767px) {
    .section.image-text .container {
        display: flex;
    }
}
.section .container {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.section.block-modules { padding: 0; position: relative;}
.section.header.dynamic-content { 
	height: 660px;
	background-color: #3E4146;
	
    background: -webkit-linear-gradient(
        left,
        #09A79D,
        #077BC0
    ); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(
        right,
        #09A79D,
        #077BC0
    ); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(
        right,
        #09A79D,
        #077BC0
    ); /* For Firefox 3.6 to 15 */
    background: linear-gradient(
        to right,
        #09A79D,
        #077BC0
    ); /* Standard syntax */
}

.section.header.dynamic-content.content-interior {
	height: 510px;
}

.section.header.dynamic-content.content-interior .container {
	margin-top: 15px;
}

.jobs-section .container {
	margin-top: -230px;
}

.module-3 {
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.16);
	-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.16);
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.16);
}

.module-3:hover {
	opacity: 1;
}

.module-3 h4 {
	font-weight: bold;
	color: #077BC0;
}

.module-3:hover h4 {
	color: #F54263;
}

.module-3 h6 {
	padding: 20px 8px;
	border-radius: 10px;
	color: #fff;
	background-color: #077BC0;
	font-weight: bold;
}

.module-3:hover h6,
a.management-btn:hover {
	color: #fff;
	background-color: #F54263;
	opacity: 1;
}

a.management-btn {
	margin-top: 30px;
	padding: 20px 40px;
	border-radius: 10px;
	color: #fff;
	background-color: #077BC0;
	font-weight: bold;
	display: inline-block;
}

a.management-btn:hover {
	color: #fff;
	background-color: #F54263;
	opacity: 1;
}

#page-content .section.header.dynamic-content p { 
	margin: 20px 0 45px;
	font-size: 22px;
}
.section.image-text { padding: 0px; }
.section.image-text .container { padding-top: 75px; padding-bottom: 100px; padding-left: 0px; padding-right: 0px; }

@media (max-width: 767px) {
    .section.image-text .container { 
		padding: 15px;
	}
}

#page-about .padded-section img { 
	margin-top: 24px; 
	border-radius: 10px;
}

#page-about .padded-section h2,
.join-the-team h1 { 
	margin-top: 0 0 12px;
	line-height: 1.1;
	font-size: 40px;
	font-weight: 900;
	letter-spacing: -0.7;
	color: #3E4146;
}

.join-the-team h3 {
	font-size: 22px;
}

#page-about .padded-section h4,
#page-about .padded-section h3 { 
	font-size: 22px;
}

#page-about .text-only {
	border-bottom: 2px solid #e4e4e4;
}

.join-the-team {
	border-top: 2px solid #e4e4e4;
}


@media (min-width: 767px) {
    .section.image-text.image-right .container { background-position: 275; }
    .section.image-text.image-left .container { background-position: -250; }
}

@media (min-width: 1024px) {
    .section.image-text.image-right .container { background-position: 275; }
    .section.image-text.image-left .container { background-position: -250; }
}

@media (min-width: 1200px) {
    .section.image-text.image-left .container { background-position: -180; }
    .section.image-text.image-right .container { background-position: 425; }
}

@media (max-width: 767px) {
	.padded-section {
		padding: 40px 0;
	}
    .section.image-text .container { background-image: none !important; }
    #page-about .section.image-text img { 
		width: 80%; 
		margin-left: 10%;
	}
	.section.header.dynamic-content { 
		height: 520px;
	}

	#page-about .padded-section h2,
	.join-the-team h1 { 
		font-size: 32px;
	}

	.join-the-team h3 {
		font-size: 18px;
	}

	#page-about .padded-section h4,
	#page-about .padded-section h3 { 
		font-size: 18px;
	}
}


ul.video-list li,
.section.image-text ul li {
    list-style: none;
    margin-bottom: 40px;
    margin-top: 40px;

}

.section.image-text ul li::before {
    border-radius: 100px;
    width: 30px;
    height: 30px;
    content:' ';
    background-image: url('http://tsestage.wpengine.com/wp-content/themes/thesocialedge/img/logo.png');
    background-size: cover;
    position: absolute;
    left: 10px;
    color: black;
    font-size: .75em;
    text-align: center;
    font-family: FontAwesome;
    line-height: 1.75;
    margin-top: 2px;
}

ul.video-list li::before {
    border-radius: 100px;
    width: 25px;
    height: 25px;
    content: "\f144";
    position: absolute;
    left: 15px;
    color: red;
    font-size: 2em;
    text-align: center;
    font-family: FontAwesome;
    line-height: 1;
}



/* Block Modules */

.block-modules-wrapper {
    width: 100%;
    margin-top: -148px;
	padding-bottom: 70px;
}

.block-modules-wrapper .container > div {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	flex-direction: column;
}

.modules-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.modules-wrapper .module {
    margin: 15px 5px;
}

.module {
    background-color: white;
    padding: 40px 30px;
	border-radius: 10px;
    float: left;
    z-index: 99;
	overflow: hidden;
    position: relative;
    display: flex;
    align-items: top;
    justify-content: center;
} 

@media (min-width: 768px) and (max-width: 1024px) {
    .module { padding: 25px 15px; min-height: 200px; }
}

.module-2 {
    width: 100%;
	overflow: hidden;
	background-image: url(http://thesocialedge2.wpengine.com/wp-content/uploads/2018/03/contempo-screen1.png);
	background-repeat: no-repeat;
	background-position: calc(100% + 180px) 10px;
	background-size: 564px;
	min-height: 390px;
	padding: 40px 60px;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.16);
	-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.16);
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.16);
}

.module-2:last-child {
    margin-top: 40px;
	background-image: url(http://thesocialedge2.wpengine.com/wp-content/uploads/2018/04/george-takei3.png);
	background-position: calc(100% + 80px) 22px;
	background-size: 464px;
}

.module-2 h2 {
	margin-top: 8px 0 12px;
	line-height: 1.1;
	font-size: 40px;
	font-weight: 900;
	letter-spacing: -0.7;
}

.module-2 h2 {
	color: #f54263;
}

.module-2 h2 a:hover {
	color: #E34965;
	opacity: 1;
}

.module-2:last-child h2 {
	color: #077BC0;
}

.module-2:last-child h2 a:hover {
	color: #1972B3;
	opacity: 1;
}

.block-modules-wrapper .role-description {
	height: auto;
}

.block-modules-wrapper p .button {
	display: inline-block;
	padding: 10px 30px;
	margin-top: 15px;
	color: #fff;
	background-color: #f54263;
	border-radius: 5px;
	font-weight: bold;
}

.block-modules-wrapper p .button:hover {
	background-color: #E34965;
	opacity: 1;
}

.contempo-links {
	padding-top: 4px;
	margin-bottom: -6px;
}

.contempo-links a {
	text-decoration: none;
	color: #f54263;
	font-size: 16px;
}

.contempo-links a:hover {
	text-decoration: underline;
	color: #f54263;
	opacity: 1;
}

.module-2:last-child p a {
	background-color: #077BC0;
}

.module-2:last-child p a:hover {
	background-color: #1972B3;
}

.module-3 {
    margin-right: 2%;
    width: 31.3333%;
}
.module-3:last-child {
    margin-right: 0%;
}

.module-content-wrapper {
	padding-right: 400px;
}

@media (max-width: 767px) {
    .module { float: none; display: block; width: 100%; margin: 10px 0px; min-height: 250px; }
    .block-modules-wrapper { 
		position: relative; 
		margin-top: -50px; 
		padding-bottom: 0;
	}
    .block-modules-wrapper .container > div { display: block; }
    .section.block-modules { padding: 0px 0px 75px 0px; }
	
	.module-content-wrapper {
		padding-right: 0;
		padding-bottom: 0;
	}
	
	.module-2 {
		padding: 15px 30px;
		padding-bottom: 300px;
		background-position: 50% calc(100% + 80px);
		background-size: 500px;
	}
	
	.module-2 h2 {
		font-size: 32px;
	}
	
	.module-2:last-child {
		background-position: 50% calc(100% + 282px);
		background-size: 404px;
	}
	
	#page-content p {
		font-size: 18px;
	}
	
	.jobs-section .container {
		margin-top: -120px;
	}
}

@media (max-width: 440px) {
	
	.module-2 {
		padding: 15px 30px;
		padding-bottom: 300px;
		background-position: calc(100% + 180px) calc(100% + 80px);
		background-size: 500px;
	}
	
	.module-2:last-child {
		background-position: calc(100% + 80px) calc(100% + 282px);
		background-size: 404px;
	}
}



.homepage-more { background-color: #f4f4f4; }




/* Support Section */
.icon-circle {
    border-radius: 100px;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #0096d2;
    color: #0096d2;
    font-size: 3em;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.section.support {
    background-color: #e6e4e4;
}
.section.support .support-module-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}
.section.support .support-module {
    background-color: white;
    padding: 40px;
    margin: 0px 1%;
    width: 31.3333%;
    float: left;
    min-height: 300px;
}
@media (max-width: 767px) {
    .section.support .support-module { width: 100%; float: none; display: block; margin: 0px; margin-bottom: 10px; }
    .section.support .support-module-wrapper { display: block; }
}
@media (min-width: 768px) and (max-width: 1024px) {
   .section.support .support-module { padding: 20px; min-height: 340px; }
}



/* Rule with Type */

fieldset {
    border: 1px solid #e0e0e0;
    border-width: 1px 0 0 0 ;
    margin: 25px 0;
}
fieldset legend {
    width: inherit;
    padding-left: 5px;
    padding-right: 5px;    
    border: none;
    font-size: 36px;
    color: #bbbbbb;
    font-weight: normal;    
}

.section.about-social-edge {
    border: 2px solid #e4e4e4;
	color: #333;
}

.section.about-social-edge h3 span {
    font-weight: bold;
	color: #333 !important;
}

.embed-container { 
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
} 
.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}


.modal-header,
.modal-footer {
    border: none;
}

.modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0px;
    border: 0px;
    position: fixed;
    box-shadow: none;
    color: white;
}

.modal-content {
    width: 100%;
    height: 100%;
    margin: 0px;
    border: 0px;
    overflow: scroll;
    box-shadow: none;
    background-color: black;
    padding: 25px;
}

.modal .close { opacity: 1; }
.modal .close::before, .modal .close::after,
.modal .close:hover::before, .modal .close:hover::after {
  background: white;
}
.modal iframe {
    border: none;    
}

.role-description {
    height: calc(16px*8);
}


@media (max-width: 1200px) {
    .container { width: 100% !important; }
}
@media (min-width: 1200px) {
    .container { width: 100% !important; max-width: 1300px !important; }
}