/*   
Theme Name: VoxScientia
Theme URI: http://www.voxscientia.eu
Description: A theme for the VoxScientia campaign
Author: Fastlane
Author URI: http://www.takethefastlane.eu
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: wythe

All PHP code is released under the GNU General Public Licence version 3.0
*/

/* Elementor 1.5 and up – places section icons inside the bounding box */
.elementor-editor-active .elementor.elementor-edit-mode .elementor-editor-section-settings {
top: 100%;
}


/* =Theme customization starts here
-------------------------------------------------------------- */

html, body {
	max-width:100%;
	overflow-x: hidden;
}

.white-text {
 	color:white!important;
}

a {
 	cursor:pointer!important;
}

p, span, .elementor-flip-box__layer__description, li {
 	font-family:"Raleway", sans-serif!important;
}

.pe-7s-mouse{
 	pointer-events:none!important;
}

.container {
 	position:relative;
}

h2 {
 	margin-bottom:20px!important;
}

h3 {
 	margin-top:15px!important;
 	margin-bottom:15px!important;
}

h2.elementor-heading-title {
 	font-family:"Give You Glory", sans-serif!important;
 	font-size:26px!important;
 	color:black;
}

h3.elementor-heading-title {
 	font-family:"Montserrat", sans-serif!important;
 	font-size:20px!important;
}

.error404 {
 	background-image:none!important;
 	color:black!important;
 	background-color:#ededed!important;
}

.error-404 .vertical-center-inner {
 	vertical-align:top!important;
}

.slider-number {
 	font-family:"Montserrat", sans-serif!important;
}

.slide-intro {
 	font-family:"Montserrat", sans-serif!important;
}

.slide-intro span {
	font-size:26px;
 	font-family:"Montserrat", sans-serif!important;
}


.subtitle {
 	font-size:14px!important;
}


.home-top-row .elementor-column-wrap {
 	padding:0!important;
}


.menu-button-open span {
 	color:black!important;
}

#header .span12 {
 	padding:0!important;
}

.tparrows.wythe {
 	color:#000!important;
}

.tp-bullets.wythe .tp-bullet, .tp-bullets.wythe .tp-bullet.selected, .tp-bullets.wythe .tp-bullet:hover {
 	color:#000!important;
}

.pagination-line .line-item {
 	background-color:#7a7a7a!important;
}

.title-block h2, h2 {
 	line-height:40px!important;
 	font-family:"Give You Glory", Sans-serif;
 	font-size:26px;
 	text-transform: uppercase;
 	color:black;
}

.fn-first-slide .description h2 {
 	margin-bottom:20px!important;
}

.fn_sign {
 	display:none!important;
}

.issues-intro-column {
	position:relative;
}

.issues-intro-column:before {
	content:"";
	position:absolute;
 	background-image:url('images/light-bulb.png');
 	transform: rotate(-30deg);
 	background-size:contain;
 	background-repeat:no-repeat;
 	background-size:contain;
 	background-position:center 50%;
 	width:200px;
 	bottom:-150px;
 	left:-40px;
 	height:100%;
}

.fn-first-slide .description {
 	padding-left:30px;
}

.jg-entry .caption {
	height: 100%;
	padding: 0;
	top: 0;
	border-radius: 20px;
	background: rgba(0,0,0,0.7)!important;
}

.jg-entry .caption h3 {
	font-family:"Montserrat", Sans-serif;
	margin-top:50%;
	text-transform: uppercase;
	font-size:20px;
}

.srpw-thumbnail {
 	width:150px!important;
}

.srpw-ul .srpw-li:nth-child(2n) .srpw-img {
 	float:right!important;
}



.future-block:after {
	content:"";
	position:absolute;
 	background-image:url('images/crystal-ball.png');
 	background-size:contain;
 	background-repeat:no-repeat;
 	background-position:center 50%;
 	width:200px;
 	bottom:-250px;
 	right:0;
 	height:100%;
}

/* Header fixes */

#header .logo .logo_dark {
 	display:block!important;
}

#lightbox-header .logo img {
 	width:40%;
}

.home #header {
 	padding-top:0;
}

.menu-lightbox {
 	background-color:rgba(0,0,0,0.9);
}

.mainslider-container .elementor-text-editor p:first-child {
 	margin-bottom:0;
}


.head-newsletter-link {
 	background-color:#A0A0A0;
 	padding:20px;
 	color:#fff;
 	cursor:pointer;
 	transition: background-color 0.5s ease;
 	width:50%;
 	float:left;
 	height:60px;
}

.head-newsletter-link:before {
 	content:"";
 	position:absolute;
 	top:0;
 	right:100%;
 	width:3000px;
 	height:100%;
 	background-color:#A0A0A0;
 	transition: background-color 0.5s ease;
}

.head-twitter-link:after {
 	content:"";
 	position:absolute;
 	top:0;
 	left:100%;
 	width:3000px;
 	height:100%;
 	background-color:#888888;
 	transition: background-color 0.5s ease;
 	z-index:1;
}

.head-twitter-link {
 	background-color:#888888;
 	padding:20px;
 	color:#fff;
 	cursor:pointer;
 	transition: background-color 0.5s ease;
 	width:50%;
 	float:right;
 	text-align:right;
 	height:60px;
}

.head-twitter-link a {
 	color:#fff;
}

.head-twitter-link:hover, .head-twitter-link:hover:after {
    background-color: #1DA1F1;
}

.head-newsletter-link:hover, .head-newsletter-link:hover:before {
    background-color: #FF4136;
}

.head-twitter-link i {
 	font-size:20px;
 	color:#fff;
 	margin-left:10px;
}

.head-newsletter-link i {
 	font-size:20px;
 	color:#fff;
 	margin-right:10px;
}

.modal {
   	position: fixed;
   	left: 0;
    top: 0;
    width: 100%;
	height: 100%;
  	background-color: rgba(0, 0, 0, 0.9);
   	opacity: 0;
   	visibility: hidden;
    transform: scale(1.1);
	transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
	z-index:9999;
}

.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 1rem 1.5rem;
    width: 40vw;
    border-radius: 0.2rem;
}

.close-button {
    float: right;
    margin-top:50px;
    margin-right:50px;
    width: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    cursor: pointer;
    border-radius: 0.25rem;
    font-size:100px;
    color:white;
}

.show-modal {
	opacity: 1;
	visibility: visible;
	transform: scale(1.0);
	transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}

/* Standard page header */

#header-standard .menu-button {
 	padding-top:80px;
}

#header-standard {
 	height:310px;
 	background:url('images/horizontal-line.png'),#ededed;
 	background-position:center bottom;
 	background-repeat:no-repeat;
 	background-size:contain;
 	position:relative;
}

#header-standard .span12 {
 	height:100%;
 	position:relative;
 	z-index:1;
}

#header-standard .span12:after {
	content: "";
	position: absolute;
 	height:100%;
 	width:100%;
 	left:0;
 	top:0;
 	background-image:url('images/header-banner.png');
 	background-size:contain;
 	background-position:center bottom;
 	background-repeat:no-repeat;
 	z-index:-1;
}

#header-standard .logo {
 	height:250px;
 	width:32%;
 	padding-top:50px;
 	margin-left:-60px;
 	padding-left:60px;
}

#header-standard .logo_dark img {
 	width:250px;
 	padding-top:20px;
}

.standard-page-title {
 	font-family:"Give you Glory", sans-serif;
 	font-size:30px;
 	text-transform: uppercase;
}

.header-standard .my-tr {
 	display:flex!important;
}

.menu-button {
 	padding-top:50px;
}

.page-template-default .span12 {
 	padding:0!important;
}


/* Page title */

.page-title-block {
 	margin-top:50px;
 	overflow:visible;
 	margin-bottom:50px;
}

.page-title {
	font-family:"Give You Glory", sans-serif;
	display:inline-block;
 	position:relative;
 	padding:20px 40px;
 	text-transform:uppercase;
 	font-size:32px;
 	max-width:50%;
 	overflow:visible;
}

.page-title:before {
 	content: "";
 	background-image:url('images/wood-piece.png');
 	background-size:contain;
 	background-repeat:no-repeat;
	position: absolute;
 	height:40px;
 	width:20px;
 	top:-55px;
 	left:50%;
}

.page-title:after {
	content: "";
	position: absolute;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: url('images/title-sign.png');
	height: 180%;
	width: 110%;
	top: -35px;
	left: 0 !important;
}



/* Block quotes */

ul.acf-rpw-ul {
	list-style-type: none;
	display: grid;
	grid-auto-rows: 1fr;
}

.acf-rpw-li {
	display:flex;
	margin-left:0;
}


.quote-image {
	margin:0;
	display:inline-block;
	border-radius:50%;
	width: 100px;
	height:100px;
	border-collapse: separate;
}

.quote-image img {
	border-radius:50%;
}

.quote-content:before {
	content:"";
	position:absolute;
	width:110%;
	height:100%;
	top: -10px;
	left: 0;
	background-image:url('images/quote-bubble.png');
	background-size:100% 100%;
	background-repeat:no-repeat;
}

.quote-content {
	order:1;
	position:relative;
	overflow:visible;
	width:60%;
	margin:0;
	vertical-align: top;
	padding:30px;
}


.quote-authorinfo {
	order:2;
	bottom:0;
	text-align:right;
	width:39%;
	padding-left:30px;
	align-self: flex-end;
}

.acf-rpw-excerpt {
	order:1;
	font-size:18px;
}

.acf-rpw-title {
	font-size:18px;
}

.acf-rpw-li:nth-child(even) .quote-authorinfo {
 	order:1;
 	text-align:left;
 	padding-right:30px;
}

.acf-rpw-li:nth-child(even) .quote-content {
 	order:2;
 	text-align:right;
}

.acf-rpw-li:nth-child(even) .quote-content:before {
 	background-image:url('images/quote-bubble-left.png');
 	right:0;
 	left:auto;
}

.quote-function {
 	font-size:13px!important;
 	line-height:18px!important;
}

.quote-authorinfo .acf-rpw-title a {
 	pointer-events:none!important;
}

.quotes-block .bx-wrapper {
 	border:0;
 	box-shadow:none;
}

.quotes-block .bx-viewport {
 	background:none;
}

.searchandfilter ul li {
 	display:inline-block;
 	margin-right:25px;
}



/* Participation form */


.nf-mp-body {
	margin-top:100px;
}

.help-question p {
	font-size:20px;
	font-family:"Montserrat", sans-serif;
}

.form-part2 {
	margin-top:-120px;
	margin-bottom:150px!important;
	background: #7C7D7C;
	color: white !important;
	padding: 30px;
	border-radius: 5px;
}

nf-cells {
	display:flex;
}


.nf-cell {
	margin:0!important;
}

.multi-select select {
	background-image:none!important;
}

.multi-select {
	background-image:none!important;
}

.absent-nf-element {
	display:none;
}

.part1-list, .help-question {
	margin:0 50px;
}


.submit-button {
	position:absolute!important;
	top:92%;
	width:100%;
}

.part2box {
	padding:0 40px;
}

.nf-row:nth-child(1) .nf-cell { 
	padding:0!important;
}

.nf-row:nth-child(2) {
	margin-top:30px;
}

.nf-row:nth-child(2) .nf-cell { 
	position:relative;
}

.nf-row:nth-child(2) .nf-cell:before { 
	content:"";
	position:absolute;
	top: -40%;
	left: 0;
	width: 100%;
	height: 150%;
	background-image:url('images/frame2.png');
	background-size:100% 100%;
	background-repeat:no-repeat;
}

.submit-container .nf-field-element:after {
	content:"";
	position:absolute;
	left:100%;
	top:20px;
	background-image:url('images/arrow-right.png');
	height:40px;
	width:60px;
	background-size:contain;
	background-repeat:no-repeat;
}

.submit-container .nf-element {
	border:2px black solid;
	background:none;
	cursor:pointer!important;
	padding:20px;
	font-size:18px;
	float:right;
}

.nf-mp-footer {
	margin-top:70px;
}


.nf-next, .nf-previous {
	border:2px black solid;
	background:none;
	cursor:pointer!important;
	padding:20px;
	font-size:18px;
	float:right;
}

.nf-previous-item:before {
	content:"";
	position:absolute;
	right:100%;
	top:20px;
	background-image:url('images/arrow-right.png');
	-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
	height:40px;
	width:60px;
	background-size:contain;
	background-repeat:no-repeat;
}


.nf-next-item:after {
	content:"";
	position:absolute;
	left:100%;
	top:20px;
	background-image:url('images/arrow-right.png');
	height:40px;
	width:60px;
	background-size:contain;
	background-repeat:no-repeat;
}


.nf-next:hover, .nf-previous:hover {
	background:#7C7D7C;
	color:white;
}

.mentions-list {
	height:200px;
	overflow-y:scroll;
	margin:0 70px;
}

.field-wrap select {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

.nf-field-element select {
	background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

.nf-response-msg {
	margin-top:-80px;
	display:flex!important;
}

.submit-text {
	order:1;
	background: #7C7D7C;
	color: white !important;
	padding: 30px;
	border-radius: 5px;
	width:25%;
}

.nf-response-msg .essb_links {
	order:2;
}

.nf-response-msg .essb_link_twitter {
	top: 20px;
}

.nf-response-msg .essb_icon_twitter {
	height: 40px;
	width: 40px;
	display: block;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
}

.nf-response-msg .essb_network_name {
	display:block;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	padding-top:20px;
	font-size:15px;
	text-transform:uppercase;
}

#nf-form-4-cont .essb_link_twitter {
	position: relative;
	background-image: url('images/tweet-bg.png');
	background-size: 100% 100%;
	background-color: transparent !important;
	background-repeat: no-repeat;
	width: 130px;
	height: 130px;
}

.clip-js {
	margin-top:20px;
}

.nf-mail-function {
	margin-top:-50px;
	font-style: italic;
}



/* Footer */

#footer {
	background-color:transparent;
	padding:0;

}

.footer-left {
	overflow:visible;
	position:relative;
}

.footer-left h2 {
	color:white!important;
	font-family:"Give You Glory", Sans-serif!important;
}


.footer-left:before {
	content:"";
	position:absolute;
	right:0;
	top:0;
	height:100%;
	width:6000px;
	background:#7C7D7C;
}


/* Social share */

.essb_links_list {
	list-style-type:none;;
}


.essb_links .essb_link_twitter a {
	box-shadow:none!important;
	cursor:pointer;
	color:white;
	padding:0;
}

.essb_links .essb_link_twitter a:hover {
	background-color:transparent!important;
}

.essb_link_twitter {
	position:absolute;
	bottom:30px;
	background-image:url('images/tweet-bg.png');
	background-size:100% 100%;
	background-color:transparent!important;
	background-repeat:no-repeat;
	width:100px;
}

.essb_icon_twitter {
	background-image:url('images/white-twitter-512.png');
	background-size: cover;
	height:20px;
	width:20px;
	display:inline-block;
	margin:0 5px;
}

.acf-rpw-li:nth-child(odd) .essb_link_twitter {
	left:0;
}

.acf-rpw-li:nth-child(even) .essb_link_twitter {
	left:70%;
}

.essb_links li a .essb_network_name {
	margin-right:0;
	margin-top:-10px;
}

.essb-location-customize {
	display:none!important;
}




/* Faq boxes */

.photoframe {
	position:relative;
	overflow:visible;
	margin:30px;
}

.photoframe:after {
	content: "";
	position: absolute;
	left: -40px;
	top: -25px;
	background-image: url('images/frame-faq.png');
	height: 112%;
	width: 115%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 2;
	pointer-events: none;
}

/* Portfolio single */

.single #main .article .header {
	width:40%;
}

.single #main .article .wp-post-image {
	opacity:0.7;
}

.single #main .article .section {
	width:60%;
	margin-left: 40%;
}

.single #main .blog-list {
	width:60%;
}

.single #main .article.is--pushed-right {
	-webkit-transform: translate3d(60%, 0, 0);
	-moz-transform: translate3d(60%, 0, 0);
	-ms-transform: translate3d(60%, 0, 0);
	-o-transform: translate3d(60%, 0, 0);
	transform: translate3d(60%, 0, 0);
	cursor: w-resize !important;
}

.info {
	height:100%;
}

.single-logo {
	width:250px!important;
	height:auto!important;
	position:relative!important;
	margin-top:-40px;
}

.single-portfolio #main .article .header .menu-button-back .other-articles-link:after {
	content:"View other issues";
	font-family:"Montserrat", sans-serif;
 	font-size:20px!important;
 	margin-left:30px;
}

#main .article.is--pushed-right .header .menu-button-back .other-articles-link:after {
	content:"Back to issue page";
	font-family:"Montserrat", sans-serif;
 	font-size:20px!important;
 	margin-left:30px;
}

#main .article .header .menu-button-back .other-articles-link:after {
	content:"View other issues";
	font-family:"Montserrat", sans-serif;
 	font-size:20px!important;
 	margin-left:30px;
}

.single-portfolio #main .article.is--pushed-right .header .menu-button-back .other-articles-link:after {
	content:"Back to issue page";
}

.single-portfolio #main .article .header .menu-button-back .other-articles-link:after {
	content:"View other issues";
}

.single #main .article.is--pushed-right .header .menu-button-back .other-articles-link:after {
	content:"Back to current news page";
}

.single #main .article .header .menu-button-back .other-articles-link:after {
	content:"View other news";
}


#main .article .header .menu-button-back {
	width:100%;
	top: 60%;
	z-index:9999;
}

#main .article.is--pushed-right .header .menu-button-back {
	transform:none;
	width:300px;
}

#main .article.is--pushed-right .header .menu-button-back:hover {
	width:300px;
}

.ion-ios-arrow-left {
	font-size: 20px;
}

#main .article.is--pushed-right .header .menu-button-back .ion-ios-arrow-left {
	display:none!important;
}

#main .article .header .menu-button-back .ion-ios-arrow-right {
	display:none;
	margin-left:30px;
}

#main .article.is--pushed-right .header .menu-button-back .ion-ios-arrow-right {
	display:inline-block;
}

#main .article.is--pushed-right .header .menu-button-back .other-articles-link {
	margin-left:0;
}

.ion-ios-arrow-right:before {
	content:"\f3d3";
}

.ion-ios-arrow-right {
	-webkit-transform: translate3d(50%, 0, 0);
	-moz-transform: translate3d(50%, 0, 0);
	-ms-transform: translate3d(50%, 0, 0);
	-o-transform: translate3d(50%, 0, 0);
	transform: translate3d(50%, 0, 0);
	cursor: w-resize !important;
}

.single #main .blog-list .list-content-wrapper {
	padding: 66px 66px 0 66px;
	min-height:100vh;
	background-image:url('images/header-banner.png');
	background-repeat:no-repeat;
	background-position:bottom right;
}

.single .blog-item .post-img img {
	object-fit: contain;
}

.single .blog-grid {
	margin-top:40px;
}


.chemical-fix {
	background-size: contain!important;
	background-repeat:no-repeat!important;
	background-position: center center!important;
    margin-left:auto;
    margin-right:auto;
}

.single .blog-item {
    margin:0!important;
    width:100%!important;
    position:relative!important;
    left:0!important;
    padding:0!important;
    min-height:0 !important;
    background-color:transparent!important;
}

.single .blog-item .wp-post-image {
    height:auto!important;
}


.portfolio-grid {
    display: grid;
	grid-template-columns: 32% 32% 32%;
	grid-gap: 30px;    
	margin-top:50px;
}

.portfolio-grid .caption {
    position:absolute;
    top:0;
    background:rgba(0,0,0,0.7);
    width: 100%;
	height: 100%;
	border-radius:20px;
	padding:20px;
	visibility:hidden;
	opacity: 0;
	transition: visibility 0s, opacity 0.5s linear;
}

.portfolio-grid .caption h3 {
    font-family:"Montserrat", sans-serif;
    font-size:20px;
}

.single .blog-item:hover .caption {
    visibility:visible;
    opacity: 1;
}

.portfolio-grid .blog-item .blog-item-more {
    font-size:14px;
}

.blog-list-select {
	display: grid;
	grid-template-columns: 50% 50%;
	grid-gap: auto;    
}


.single .article-content {
	margin-top:-60px;
}

.portfolio-template-default .jet-tabs__control, .portfolio-template-default .jet-tabs__control:hover, .portfolio-template-default .jet-tabs__control:active {
	background-size:100% 100%!important;
}

.portfolio-template-default .jet-tabs__control {
    position:relative;
}

.portfolio-template-default .jet-tabs__control:first-child:before {
    content:"";
    position:absolute;
    background-image:url('images/one-minute.png');
    width: 100%;
	height: 100%;
	background-repeat:no-repeat;
	background-position: center 30%;
}

.portfolio-template-default .jet-tabs__control:nth-child(2):before {
    content:"";
    position:absolute;
    background-image:url('images/ten-minutes.png');
    width: 100%;
	height: 100%;
	background-repeat:no-repeat;
	background-position: center 30%;
}

.portfolio-template-default .jet-tabs__control:nth-child(3):before {
    content:"";
    position:absolute;
    background-image:url('images/one-hour.png');
    width: 100%;
	height: 100%;
	background-repeat:no-repeat;
	background-position: center 30%;
}

/* Vox button */

.vox-button {
	text-align: right;  
	cursor:pointer;  
	color:#666;
	justify-self: end;
 	background:#e1e1e1;
 	padding:20px;
 	font-family: 'Raleway', sans-serif;
 	font-size:14px;	
 	border:1px solid black!important;
 	background:none!important;
}

.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
  color: white;
}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}


/* Tabs */

.jet-tabs-position-top .jet-tabs__control-wrapper {
  border: 0!important;
}


/* Quote grid */

.quote-grid {
	display:flex;
	list-style-type: none;  
	flex-flow: row wrap;
	margin-left: -20px;
	margin-right:-20px;
}

.quote-grid .quote-item {
    margin:0;
    flex: 1 1 calc(50%);
    padding: 20px;
}

.quote-grid .quote-main {
	display:flex;
    flex-direction:column;
    padding:20px;
    align-items: center;
}

.quote-grid .quote-content:before {
	content:"";
	position:absolute;
	width:100%;
	height:130%;
	top: -30px;
	left: 0;
	background-image: url('images/quote-bubble-mob.png')!important;
	background-size:100% 100%;
	background-repeat:no-repeat;
}

.quote-grid .quote-content {
	order:1!important;
	position:relative;
	overflow:visible;
	width:100%;
	margin-top:20px;
	vertical-align: top;
	padding:30px;
	line-height: 1.3; 
	color:#000;
}

.quote-grid .quote-authorinfo {
	order:2!important;
	text-align:right;
	width:100%;
    text-align:left;
    margin-top:80px!important;
    display:flex;
    padding-top:0;
    padding-bottom:20px;
    color:#000!important;
    align-self:flex-end;
}

.quote-grid .grouped-author-text {
    display:flex;
    flex-direction:column;
    padding-left:15px;
}

.quote-grid .quote-image {
	width: 100px;
	height: 100px;
	min-width:100px;
	min-height:100px;
	background-size:cover;
}

.quote-grid .quote-social {
	margin-top:30%;
	transform: translateY(-50%);
}

figure.effect-oscar {
	background: none;
	height:100%;
	position:relative;
	background: #FAFAFA;
}


figure.effect-oscar .quote-main {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-oscar figcaption {
	padding: 3em;
	background:none;
	position:absolute;
	top:0;
	height:100%;
	width:100%;
}

figure.effect-oscar figcaption::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: '';
	background: rgba(250,250,250,0.9);
}

figure.effect-oscar .quote-layer {
	margin: 20% 0 10px 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-oscar figcaption::before,
figure.effect-oscar .quote-social {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
}

figure.effect-oscar:hover .quote-layer {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover .quote-social {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-oscar:hover figcaption {
	background-color: rgba(58,52,42,0);
}

figure.effect-oscar:hover .quote-main {
	opacity: 0.4;
}

figure.effect-oscar .essb_links_list {
	margin:0;
	text-align:center;
}


figure.effect-oscar .essb_link_twitter {
	position: relative;
	text-align: center;
	height: 150px;
	width: 150px;
	background-size: 100% 100%;
	margin-left: auto;
	margin-right: auto;
	display:inline-block;
	bottom:0;
}

figure.effect-oscar .essb_link_twitter a {
	text-align: center;
	vertical-align: middle;
	
}

figure.effect-oscar .essb_icon_twitter {
	font-size: 40px!important;
	width: 40px;
	height: 40px;
	background-image:url('images/white-twitter-512.png');
	background-size: cover;
	top: 20%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

figure.effect-oscar .essb_links .essb_icon:before {
	font-size: 40px!important;
}

figure.effect-oscar .essb_network_name {
	font-size: 20px!important;
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translateX(-50%);
}

.sf-input-select {
	background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}



/* Home Full Menu  */

.home .my-table .my-tr {
	width:100%;
	display:flex;
	align-items: center;
	justify-content: space-between;
}

.home-menu-area {
	display:flex;
}

#home-full-menu {
	margin-right:50px;
}

#home-full-menu .menu-item {
	margin-left:10px;
	margin-right:10px;
}

#home-full-menu .menu-item a {
	font-family:"Montserrat", sans-serif;
	text-transform:uppercase;
	padding: 0 20px;
	height: 45px;
	line-height: 45px;
	color:#7C7D7C;
}

#home-full-menu ul {
	list-style-type: none;
	display:flex;
	
}

#home-full-menu .menu-item a::before,
#home-full-menu .menu-item a::after {
	position: absolute;
	width: 45px;
	height: 2px;
	background: #7C7D7C;
	content: '';
	opacity: 0.2;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	pointer-events: none;
}

#home-full-menu .sub-menu .menu-item a::before,
#home-full-menu .sub-menu .menu-item a::after {
	display:none;
}

#home-full-menu .menu-item a::before {
	top: 0;
	left: 0;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
}

#home-full-menu .menu-item a::after {
	right: 0;
	bottom: 0;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

#home-full-menu .menu-item a:hover::before,
#home-full-menu .menu-item a:hover::after,
#home-full-menu .menu-item a:focus::before,
#home-full-menu .menu-item a:focus::after {
	opacity: 1;
}

#home-full-menu .menu-item a:hover::before,
#home-full-menu .menu-item a:focus::before {
	left: 50%;
	-webkit-transform: rotate(0deg) translateX(-50%);
	-moz-transform: rotate(0deg) translateX(-50%);
	transform: rotate(0deg) translateX(-50%);
}

#home-full-menu .menu-item a:hover::after,
#home-full-menu .menu-item a:focus::after {
	right: 50%;
	-webkit-transform: rotate(0deg) translateX(50%);
	-moz-transform: rotate(0deg) translateX(50%);
	transform: rotate(0deg) translateX(50%);
} 

#home-full-menu .sub-menu {
	display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    padding-bottom:20px;
    margin:0!important;
} 

#home-full-menu .sub-menu a {
    color: black;
    text-decoration: none;
    display: block;
    margin-top: 10px;
}

#home-full-menu .sub-menu a:hover {
	background-color: #ddd;
}

#home-full-menu .menu-item-has-children:hover .sub-menu {
    display: block;
}

#home-full-menu .menu-item-has-children:hover .dropbtn {
    background-color: #3e8e41;
}


/* Newsletter form  */

.newsletter-input {
	color:white;
	background:white;
} 

.newsletter-input::placeholder, .newsletter-input:focus {
	color:white;
} 

.newsletter-subscribe-form {
	flex: 1 1 calc(50%);
}

/* MEP grid */

.mep-grid {
	display:flex;
	list-style-type: none;  
	flex-flow: row wrap;
	margin-left: -20px;
	margin-right:-20px;
}

.mep-grid .mep-item {
    margin:0;
    flex: 1 1 calc(50%);
    padding: 20px;
    max-width:50%;
}

.mep-grid .mep-main {
	display:flex;
    padding:20px;
    align-items: center;
    background-repeat:no-repeat;
    background-size:auto 60px;
    background-position:right top;
}

.mep-grid .mep-content {
	order:1!important;
	flex-basis: 25%;
	position:relative;
	overflow:visible;
	width:100%;
	vertical-align: top;
	padding:30px;
	line-height: 1.3; 
	color:#000;
}

.mep-grid .mep-authorinfo {
	order:2!important;
	flex-basis: 75%;
	text-align:right;
	width:100%;
    text-align:left;
    display:flex;
    padding-top:0;
    color:#000!important;
}

.mep-grid .grouped-author-text {
    display:flex;
    flex-direction:column;
    padding-left:15px;
}

.mep-grid .mep-image {
	width: 130px;
	height: 150px;
	min-width:100px;
	min-height:100px;
	background-size:cover;
}

.mep-grid .mep-social {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content:center;
}

figure.effect-oscar {
	background: none;
	height:100%;
	position:relative;
	background: #FAFAFA;
}


figure.effect-oscar .mep-main {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-oscar figcaption::before,
figure.effect-oscar .mep-social {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
}

figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover .mep-social {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-oscar:hover .mep-main {
	opacity: 0.4;
}

figure.effect-oscar .essb_link_mep {
	background-image: url('images/tweet-bg.png');
	position: relative;
	text-align: center;
	height: 75px;
	width: 75px;
	background-size: 100% 100%;
	margin-left: auto;
	margin-right: auto;
	display:inline-block;
	bottom:0;
	vertical-align: top;
}

figure.effect-oscar .essb_link_mep a {
	text-align: center;
	vertical-align: middle;
	
}

.essb_link_mep .essb_network_name {
	display: none;
}

.essb_link_mep .essb_link_twitter {
	height: 60px!important;
	width:60px!important;
	background-image:none;
}


/* News grid */ 

.news-grid {
    display: grid;
	grid-template-columns: 50% 50%;
	grid-gap: 30px;    
	margin-top:50px;
}

.news-grid .blog-item {
    overflow: hidden;
    height:300px;
}


.news-grid .caption {
    position:absolute;
    top:0;
    background:rgba(0,0,0,0.4);
    width: 100%;
	height: 100%;
	border-radius:20px;
	padding:20px;
	visibility:visible;
	border-radius:5px;
}

.news-grid .caption h3 {
    font-family:"Montserrat", sans-serif;
    font-size:20px;
    color:white!important;
}