/*
Theme Name: Uncode
Author: Undsgn
Description: Uncode is a pixel perfect WordPress Theme designed with terrific attention to details.
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/
.filter {
	visibility:hidden;
	display:block;
	background-color:#041e42;
	width:100%;
	position: absolute;
  	bottom: 0;
}

/************************************* Contact form ********************************/
.wpcf7.wpcf7-mail-sent-ok, .wpcf7.wpcf7-validation-errors, .wpcf7 span.wpcf7-not-valid-tip {
    margin: 6px 0px 0px 0px!important;
}
#response {
	color:#000000;
}
div.wpcf7 form .wpcf7-response-output {
    margin: 15px 0px 0px 0px!important;
}
.privacycopy {
    display: inline-block;
    margin-left: 34px;
    position: relative;
	z-index:0;
}
.privacycopystandard {
    display: inline-block;
    margin-left: 34px;
    top: -24px;
    position: relative;
}

/************************************* Events *************************************************/


.event-body-copy * p {
	line-height:normal!important; 
	margin-top: 25px!important;
}


#eventsposts  * .t-entry-readmore {
	margin-top: 25px!important;
}

/*event block styling (when viewing all events on events page*/
#eventsposts .t-background-cover { /*blue whole background*/
	opacity: 0.7;
}


/*tombsontes on main events page*/
#eventsposts * .single-block-padding {
    padding-top: 30px!important;
}

.t-entry-cf-event-title {
	font-size: 7vw;
	font-weight:600;
	margin-bottom:20px!important;
}
@media (min-width: 430px) {#eventsposts .t-entry-cf-event-title {font-size: 6vw;}}
@media (min-width: 530px) {#eventsposts .t-entry-cf-event-title {font-size: 5vw;}}
@media (min-width: 600px) {#eventsposts .t-entry-cf-event-title {font-size: 3vw;}}
@media (min-width: 768px) {#eventsposts .t-entry-cf-event-title {font-size: 3vw;}}
@media (min-width: 997px) {#eventsposts .t-entry-cf-event-title {font-size: 2.7vw;}}
@media (min-width: 1200px) {#eventsposts .t-entry-cf-event-title {font-size: 1.7vw;}}
@media (min-width: 1921px) {#eventsposts .t-entry-cf-event-title {font-size: 32px!important;}}

.t-entry-cf-event-topic-1 {
	font-size:17px;
	font-weight:600;
	padding-top:10px!important;
	margin-bottom:0px!important;
	padding-bottom:0px!important;
	margin-left:15px!important;
	margin-right:15px!important;
}

.t-entry-cf-event-topic-2 {
	font-size:17px;
	font-weight:400;
	margin-bottom:20px!important;
	padding-top:10px!important;
	margin-left:15px!important;
	margin-right:15px!important;
}

@media (min-width: 1200px) {
.t-entry-cf-event-topic-1 {
	margin-left:30px!important;
	margin-right:30px!important;
}
.t-entry-cf-event-topic-2 {
	margin-left:30px!important;
	margin-right:30px!important;
}
}

#eventsposts * .t-overlay-wrap {
	-webkit-mask-image: -webkit-linear-gradient(270deg, rgba(0,0,0,1) 80%, rgba(0,0,0,0) 95%)
}

.t-entry-cf-event-date{
	font-size:18px;
	font-weight:600;
}
.t-entry-cf-event-start-time {
	font-size:16px;
	font-weight:400;
	margin-top:5px!important;
	margin-bottom:0px!important;
}
.t-entry-cf-event-end-time {
	font-size:13px;
	font-weight:400;
	margin-top:3px!important;
	margin-bottom:10px!important;
}

.t-entry-cf-event-type {
	font-size:13px;
	font-weight:400;
	color:#ffffff!important;
	position: absolute;
	left: 0;
	top: 0;
	text-align: left!important;
	
	padding-left:10px!important;
	padding-right:8px!important;
	padding-top:3px!important;
	padding-bottom:5px!important;
	background-color:#69acdf;
	border-bottom-right-radius: 10px;
}

.t-entry-cf-with-1 {
	font-size:15px;
	font-weight:600;
	
}
.t-entry-cf-with-2 {
	font-size:13px;
	font-weight:400;

}
.t-entry-cf-with-3 {
	font-size:18px;
	font-weight:400;
padding-bottom:10px!important;	
}


/*in page styling for dynamic date and title*/
.event-title {
	font-size:32px;
	color:#69acdf;
	font-weight:600;
}
.event-date {
	font-size:20px;
	color:#041e42;
	font-weight:600;
}
.event-times {
	font-size:20px;
	color:#041e42;
	font-weight:600;
}
.datetimedivide {
	font-size:20px;
	color:#69acdf;
	font-weight:600;
}
.event-type {
	font-size:17px;
	color:#ffffff;
	font-weight:600;
	text-transform: uppercase;
}

@media (min-width: 960px) {
.eventpaddingdesktop {
padding-left:50px!important;
}
}
.eventbackgroundgrad {
background: rgb(4,30,66);
background: -moz-linear-gradient(90deg, rgba(4,30,66,1) 63%, rgba(4,30,66,0) 100%);
background: -webkit-linear-gradient(90deg, rgba(4,30,66,1) 63%, rgba(4,30,66,0) 100%);
background: linear-gradient(90deg, rgba(4,30,66,1) 63%, rgba(4,30,66,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#041e42",endColorstr="#041e42",GradientType=1);
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.eventbackgroundgrad2 {
background: rgb(4,30,66);
background: -moz-linear-gradient(90deg, rgba(4,30,66,1) 63%, rgba(4,30,66,0) 100%);
background: -webkit-linear-gradient(90deg, rgba(4,30,66,1) 63%, rgba(4,30,66,0) 100%);
background: linear-gradient(90deg, rgba(4,30,66,1) 63%, rgba(4,30,66,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#041e42",endColorstr="#041e42",GradientType=1);
}


/* register for event messages*/
#regform { 
width:100%!important;
padding-top:70px!important;
}
@media (max-width: 767px) {
#regform { 
width:100%!important;
margin-top:0px!important;
padding-top:30px!important;
}
}

#closedmessage  {
	display:none;
}

#closedmessage h2 {
	font-weight:300;
	font-size:22px;
	margin-top:30px;
}


/*events mail list contact form and video section*/
.joinicon {
	position: absolute!important;
	top:20px;
	left:0px;
}
.watchagain-desktop {
	display:block;
}
.watchagain-mobile {
	display:none;
	
}
@media (max-width: 960px) {
.watchagain-desktop {
	display:none;
}
.watchagain-mobile {
	display:block;
}
.eventvideotitle  {
    padding-bottom: 0px;
    padding-top: 45px!important;
    text-align: left!important;
}		
}
.eventvideotitle  {
	padding-bottom:0px;
	padding-top:15px;
	text-align: right;
}
.futureeventsform-formtitle  {
	font-weight:400!important;
	line-height: 20px;
	width:300px!important;
	margin-top:17px!important;
}
#futureeventsform .wpcf7-submit {
	width:300px!important;
	margin-bottom:20px!important;
}

@media (max-width: 960px) {
	.futureeventsform-formtitle  {
	width:100%;		
	}
	#futureeventsform .wpcf7-submit {
	width:300px!important;
	}
}

#futureeventsform {
padding-left:70px;
	padding-right:30px;
}

@media (max-width: 767px) {
#futureeventsform {
padding-left:20px!important;
	padding-right:20px!important;
}
}

#futureeventsform {
padding-left:70px;
	padding-right:30px;
}

.eventvideo {
	padding:0px!important;
}

.formicon {
	margin-top:70px;
}

#logo-container-mobile {
	padding:15px 36px 15px 36px!important;
	/*padding:27px 36px 27px 36px;*/
}

.hideonmobile {
	display:none;
}

@media (min-width: 960px) {
.hideonmobile {
	display:block;
}
}




/************************************* Misc *************************************************/
.hideonmobile {
	display:none;
}
@media (min-width: 960px) {
.hideonmobile {
	display:block;
}
}



/************************************* Research page styling ********************************/
.underline {
	text-decoration: underline;
}

/*research author photo*/
.researchauthorimage > .single-wrapper {
	outline:2px;
	outline-color: #041e42;
	outline-style: solid;
	outline-offset: -6px;
}
.researchauthorimage * img {
	padding:10px;
}


.themenavactive {
	color:#69abde!important;
	font-weight:600!important;
}
#themenavline .btn-container {
	margin-top:0;
}
.themenavlinecopy {
	padding-top:5px; color:#041e42;width: 100%; text-align: left;font-weight: 400; font-size: 10px; display: block;padding-left:4px;
}
.startlink {
	padding-left:30px;
}

.restitleicon .dummy {
	margin-top:0px!important;
}


.backtoresearchbutton {
	margin-left:15px;
}


.borderleft {
	border-left:4px!important;
	border-color:#69acdf!important; /*9fb1cd   a0b2ce*/
	border-left-style:solid!important;
	margin-top:0px!important;
}

#authorformcontainer {
	position:relative;
	z-index:1;
}
.additional-author {margin-top:7px!important;}

.dropshadow {
	-webkit-box-shadow: 2px 2px 13px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 13px -4px rgba(0,0,0,0.75);
box-shadow: 2px 2px 13px -4px rgba(0,0,0,0.75);
}
.nopadding {
	padding:0px!important;
}
.nomargin {
	margin:0px!important;
}
.ajax-click-report {
	cursor: pointer;
}

.ajax-click-report:hover {
	outline:1px;
	outline-color: #041e42;
	outline-style: solid;
	outline-offset: 0px;
}

.extranet:hover {
	outline:1px;
	outline-color: #041e42;
	outline-style: solid;
	outline-offset: 0px;
}
.extranet * .t-entry-excerpt {
	font-size:14px;
}


/*************************Research article modal pop up styling ***********************/
#myModal {
	display:none;
	width:100%;
	height:100%;
	/*background-color:rgba(4,30,66,0.9);*/
	background-color:rgba(31,40,51,0.9);
}

/* The Modal (background) */
.modal {
    display: hidden; /* Hidden by default to use button but changed for instant display to block */
    position: fixed; /* Stay in place */
    z-index: 999999!important; /* Sit on top */
    padding-top: 210px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 15px;
	/*border: 1px solid #888;*/
	border-radius: 5px 5px 5px 5px;
    width: 100%;
	min-width: 320px;
	max-width: 480px!important;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: #041e42;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding-top: 10px;
    padding-right: 25px;
    padding-bottom: 5px;
    padding-left: 25px;
    background-color: #ffffff;
    color: #777777;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
    padding-top: 5px;
    padding-right: 16px;
    padding-bottom: 5px;
    padding-left: 14px;
    background-color: #313131;
    color: white;
	font-size:18px;
}
/**************************************************************************/


/*Button*/
.myButton {
	-moz-box-shadow:inset 0px 10px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 10px 0px 0px #f5978e;
	box-shadow:inset 0px 10px 0px 0px #f5978e;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f));
	background:-moz-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-webkit-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-o-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-ms-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f',GradientType=0);
	background-color:#f24537;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	padding:4px 7px;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;	
	margin-right:17px;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537));
	background:-moz-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-webkit-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-o-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-ms-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537',GradientType=0);
	background-color:#c62d1f;
}
.myButton:active {
	position:relative;
	top:1px;
}

.headerBar h1 {
	margin-top:4px;
	
}