/*
Theme Name: FraudSmart 2023
Description: Updated version of the theme, mostly to restructure the home page
Author: Patrick @ Fusio. 2023 version by create.ie
Author URI: https://fusio.net
Version: 2.0

*/
@import "css/additional-bootstrap-styles.css";

/* ROOT */
:root {
	--primary-color: #26245a;
	--secondary-color: #87d6de;
	--third-color: #67A2B7;
	--light-blue: #54c5d0;
	--light-blue-darker: #30a5b0;
	/*red was #ef3f4a, df222e */
  }
/* GLOBAL STYLES --------------------------------------------------- */
body {
	color: var(--primary-color);
	font-family: "Raleway", Arial, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	-webkit-font-feature-settings: "lnum";
	-moz-font-feature-settings: "lnum";
	font-feature-settings: "lnum";
}
/* HOMEPAGE HERO */
.homepage-hero {
	background-image: url(images/homepage-hero-bg-2000x943-tinified.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-color: #6bc3eb;
	padding: 3em 0 6em;
}
.homepage-hero a.btn::after,
.campaign-panel a.btn::after,
a.btn.btn-arrow.arrow-white::after {
	color: #fff;
}
p.lead-paragraph {
    font-size: 1.8rem;
    font-weight: 600;
}
@media (min-width: 992px) {
	p.lead-paragraph {
		font-size: 2rem;
	}
}
/* Hero video */
.video-container {
	background-image: url(images/computer-330x218-tinified.png);
	background-repeat: no-repeat;
	background-position: calc(50% - 5px) top;
	
	padding: 10px 0 50px;
	background-size: contain;
}
.video-container.graphic-with-phone {
	background-image: url(images/computer-and-phone-video-bg-2024-368x218-tinified.png);
	background-position: calc(50% - 0px) top;
}
.video-link {
	display: block;
}
#bannerVideo, #bannerVideoMobile {
	width: 265px;
	height:auto;
	margin-left: calc(50% + 24px);
    transform: translateX(-50%);
    margin-top: 10px;
    display: block;
}
.vid-mobile #bannerVideoMobile {
	padding: 15px 8px 20px 2px;
    margin-left: 50%;
    width: 150px;
    max-width: 100%;
}
.video-container.vid-mobile {
	background-image: url(images/iphone_bg-for-365x614vid-tinified.png);
	height: 315px;
	background-size: contain;
}
@media (min-width: 768px) {
	.video-container {
		background-position: calc(50% - 5px) 0;
		background-size: contain;
	}
	#bannerVideo, #bannerVideoMobile { 
		width: 255px;
		height: auto;
		margin-left: calc(50% + 23px);
	}
	.vid-mobile #bannerVideoMobile {
		
	}
}
@media (min-width: 992px) {
	.video-container {
		background-position: calc(50% - 5px) 0;
		background-size: contain;
	}
	.video-container.vid-mobile {
		height: 350px;
	}
	#bannerVideo, #bannerVideoMobile { 
		width: 265px;
		height: auto;
		margin-left: calc(50% + 23px);
	}
	.vid-mobile #bannerVideoMobile {
		padding: 11px 7px 14px 0px;
        width: 172px;
	}
}
@media (min-width: 1200px) {
	.video-container {
		background-image: url(images/computer-330x218-tinified.png);
		background-position: calc(50% - 5px) 20px;
		min-height: 370px;
	}
	.video-container.graphic-with-phone {
		background-image: url(images/computer-and-phone-video-bg-2024-555x329-tinified.png);
		background-size: auto;
	}
	#bannerVideo {
		width: 405px;
		margin-left: 111px;
		margin-top: 23px;
		transform: none;
	}
	.video-container.vid-mobile {
		padding: 0;
		background-size: contain;
		background-position: calc(50% - 11px) top;
        height: 315px;
        min-height: auto;
	}
	.vid-mobile #bannerVideoMobile {
        margin-left: 34%;
		margin-top: 23px;
		padding: 27px 4px 14px 5px;
        width: 155px;
		transform: none;
    }
}

/* Campaign Panel Homepage */
.campaign-panel {
    min-height: 200px;
	background-image: url(images/homepage-campaign-bg-1200x400-tinified.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top left;
    background-color: #d2dade;
	padding: 0 15px;
}
.panel.campaign-panel .row {
    display: flex;
}
@media screen and (max-width: 767px) {
	.panel.campaign-panel .row {
		flex-direction: column;
	}
	.panel.campaign-panel.yellow h2 {
		font-size: 32px;
	}
}
.campaign-panel .col.text-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.row .campaign-panel h2 {
	text-align: left;
	margin-top: 15px;
}
/* Scam checker yellow and black styles */
.panel.campaign-panel.yellow {
	background-image: url(images/homepage-campaign-bg-yellow-1200x400-tinified.png);
	color: black;
	font-family: "Work Sans", "Raleway", Arial, sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}
.campaign-panel.yellow .img-col {
    display: flex;
    justify-content: center;
    align-items: center;
}
.panel.campaign-panel.yellow .btn {
	background-color: black;
	margin-bottom: 20px;
}
.panel.campaign-panel.yellow .btn:hover {
	background-color: white;
	color: black;
}
.campaign-panel.yellow a.btn:hover::after {
	color: black;
}
.panel.campaign-panel.yellow h3 {
	margin-top: 0;
}
.panel.campaign-panel.yellow p.lead-paragraph {
	font-weight: 400;
}
@media (min-width: 992px){
	.panel.campaign-panel.yellow h2 {
		font-size:46px;
	}
	
}
/* Testimonial Homepage */
.testimonials {
    min-height: 200px;
	background-image: url(images/grey-dot-bg-2000x934-tinified.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top left;
    background-color: #d2dade;
	padding: 0 15px;
}
.wpmtst-testimonial-content.testimonial-content a {
    text-decoration: underline;
    color: var(--third-color);
}
.wpmtst-testimonial-content.testimonial-content a:hover {
    color: var(--light-blue-darker);
}
.strong-view.wpmtst-default .testimonial .wpmtst-testimonial-inner,
body .strong-view.wpmtst-default .wpmtst-testimonial,
body .strong-view.wpmtst-default.slider-container.slider-adaptive:not(.slider-mode-horizontal) .wpmslider-viewport {
	border: none;
}
.wpmtst-testimonial-field.testimonial-field.testimonial-name {
    font-weight: 600;
}
.strong-view.wpmtst-default.controls-type-sides .wpmtst-testimonial-inner {
	padding-left: 10px;
	padding-right: 10px;
}

/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight:700; line-height:1.2; margin-bottom:15px; }
.content h4, .content h5, .content h6 { margin-top:20px; }
.content h2:first-child, .content h3:first-child, .content h4:first-child, .content h5:first-child, .content h6:first-child { margin-top:0; }
h1 { font-size:36px; margin-top:0; }
h2 { font-size:28px; }
h3 { font-size:24px; }
h4 { font-size:20px; }
h5 { font-size:18px; }
h6 { font-size:16px; }
.homepage h2 { text-align:center; }

.homepage-hero h1 {
	font-size: 3rem;
}
@media (min-width: 768px) {
	.homepage h2 { font-size:3.6rem; }
}
@media (min-width: 992px) {
	h1 { font-size:4.8rem; }
	.homepage-hero h1 {
		font-size: 3.8rem;
	}
	h2 { font-size:3rem; }
	.campaign-panel h2 {
		font-size: 3rem;
	}
}

p { margin-bottom:15px; }
.centered { text-align:center; }

/* Links */
a { color:var(--primary-color); }
.content a { border-bottom:1px solid var(--third-color); text-decoration:none; }
a:hover { color:var(--third-color); }
a:focus { outline:none; }

/* Captions */
.wp-caption-text {
    font-size: 90%;
}
.wp-caption.alignright {
    float: right;
    margin: 0 0 0.5em 1.5em;
}
.wp-caption.alignleft {
    float: left;
    margin: 0 2em 0.5em 0;
}

/* Images */
img {
    max-width: 100%;
    height: auto;
}
img.pull-right { margin:0 0 15px 15px; }
img.pull-left { margin:0 15px 15px 0; }
img.alignright { float: right; margin: 0 0 15px 15px; }
img.alignleft {  float: left; margin: 0 15px 15px 0;  }
img.aligncenter { display: block; margin: 0 auto; }

/* Panel images */
.panel.panel-default > img {
    border-radius: 3px 3px 0 0;
}
.panel .post__thumbnail {
	position: relative;
    padding-bottom: calc( 0.66 * 100% );
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}
.panel .post__thumbnail img {
	display: block;
    height: 100%;
    position: absolute;
	width: auto;
    top: calc(50% + 1px);
    left: calc(50% + 1px);
    transform: scale(1.01) translate(-50%,-50%);
	max-width: fit-content;
}
.panel .post-date {
    font-size: 80%;
    margin-bottom: 5px;
}
/* Panel info */
.panel.panel-info {
    background: var(--light-blue);
}
.panel.panel-info .btn:hover {
    background: white;
	color: var(--primary-color);
}
.panel.panel-info a:hover {
	color: white;
}
/* Lists */
.content ul { list-style:none; margin:0 0 15px; padding:0; }
.content ul li { padding:0 0 2px 42px; position:relative;  }
.content ul li:before { background:var(--secondary-color); border-radius:5px; content:''; display:block; height:5px; left:27px; position:absolute; top:8px; width:5px; }
.content ol li { padding:0 0 2px 2px; }

/* Pagination */
ul.pagination { display:block; margin:10px 0; text-align:center; }
ul.pagination li { padding:0; }
ul.pagination li:before { background:none; content:normal; display:none !important; }
ul.pagination li a, ul.pagination li span { background:#fff; border:1px solid #c3beb6; color:#4d4c44; display:inline-block; float:none; margin:0; margin-bottom:4px; min-height:24px; min-width:26px; padding:2px 6px; position:relative; text-align:center; }
ul.pagination li a:hover, ul.pagination li a:focus { background:#7c7267; border-color:#7c7267; color:#fff; text-decoration: none; }
ul.pagination li span { background-color:#f9f8f5; border-color:#e0dcd5; color:#9a9083; }
ul.pagination li span:hover, ul.pagination li span:focus { background:#eae6df; color:#5e5d57; }
ul.pagination li.disabled a, ul.pagination li.disabled span, ul.pagination li.disabled a:hover, ul.pagination li.disabled span:hover { background-color:#f9f8f5; border-color:#e0dcd5; color:#9a9083; }
ul.pagination li:first-child a, ul.pagination li:first-child span { border-radius:0; }
ul.pagination li:last-child a, ul.pagination li:last-child span { border-radius:0; }
ul.pagination li span.current { background:#7c7267; border-color:#7c7267; color:#fff; font-weight:700; }
ul.pagination .pages {}
ul.pagination .current {}
ul.pagination .next {}
ul.pagination .last {}
@media (min-width: 768px) {
	ul.pagination li { font-size:15px; }
	ul.pagination li a, ul.pagination li span { min-height:28px; min-width:30px; padding:2px 9px; }
	ul.pagination li:first-child a, ul.pagination li:first-child span { }
	ul.pagination li:last-child a, ul.pagination li:last-child span {  }
}

/* Buttons */
.btn { background-color:var(--primary-color); border:none; border-radius:8px; color:#fff; font-size:16px; font-weight:700; margin:0 2px 2px; padding:8px 15px 6px; line-height: 1.3; position:relative; text-decoration:none !important; white-space:normal; }
.content a.btn { border-bottom:none; }
h2 .btn { font-size:28px; }
h3 .btn { font-size:24px; }
h4 .btn { font-size:20px; }
h5 .btn { font-size:18px; }
h6 .btn { font-size:16px; }
.btn-lg { font-size:20px; font-weight: 400; padding:15px 30px; }
.btn-back:before { display:inline-block; content:"\e079"; font-family:'Glyphicons Halflings'; font-size:12px; margin-right:4px; }
.btn-next:after { display:inline-block; content: "\e080"; font-family:'Glyphicons Halflings'; font-size:12px; margin-left:4px; }
.btn:hover { background-color:#54c5d0; color:#14123a; } 
.btn:focus {
	color:white;
}
/* Forms */
.form-control { border-radius:8px; }

/* Tables */
.content caption { padding-top:0; }
.content > table:first-child { margin-top:5px; }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td, .table > thead > tr > th, .table > tbody + tbody, .table-bordered, .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border-color:#d9e5e6; }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th { background-color:#b7eaef; border-color:#dceff1; color:var(--primary-color); font-weight:700; }
.table > thead > tr:first-child > th { border-bottom:1px solid #d9e5e6; }
.table > thead > tr > th:first-child { border-left-color:#d9e5e6; }
.table > thead > tr > th:last-child { border-right-color:#d9e5e6; }

/* HEADER ---------------------------------------------------------- */
header { background-color:#fff; border-bottom:none; margin-bottom:0; }
header .navbar { background:#fff; border:none; margin-bottom:0; position:relative; }
header .navbar .navbar-collapse { border:none; }

/* Header: Logo + Menu Toggle */
header .navbar .navbar-header { float:none; padding-bottom:15px; }
header .navbar .navbar-toggle { background-color: var(--primary-color); border:none; border-radius:8px; margin:30px 0 0; padding:9px 10px; }
header .navbar .navbar-toggle:hover, header .navbar .navbar-toggle:focus { background-color:var(--secondary-color); }
header .navbar .navbar-toggle .icon-bar { background-color:#54c5d0; border-radius:0; height:3px; width:26px; }
header .navbar .navbar-toggle:hover .icon-bar, header .navbar .navbar-toggle:focus .icon-bar { background-color:var(--primary-color); }
header .navbar .navbar-brand { background:url(./images/fraudsmart.png) 0 100% no-repeat; background-size: contain; color:var(--primary-color); display:block; float:none; font-size:32px; font-weight:700; height:70px; margin:10px 0 0; padding:24px 0 0; text-indent:-9999px; width:221px; }

/* Header: Main Menu */
header .navbar .navbar-main { border-radius: 8px; border:2px solid var(--primary-color); float:none; margin-top:0; margin-bottom:10px; position:relative; }
header .navbar .navbar-main > li { border-bottom:2px solid #54c5d0; color:var(--primary-color); position:static; }
header .navbar .navbar-main > li:last-child,
header .navbar .navbar-main > li.active { border-bottom:none; }
header .navbar .navbar-main > li.current-menu-item { border-bottom:none; }
header .navbar .navbar-main > li.current-menu-item { border-bottom:none; }
header .navbar .navbar-main > li > a { color:var(--primary-color); font-size:17px; font-weight:700; }
header .navbar .navbar-main > li.active > a, 
header .navbar .navbar-main > li.current-menu-ancestor > a, 
header .navbar .navbar-main > li.current-menu-item > a { background-color:var(--primary-color); color:#fff; margin-bottom:0; }
header .navbar .navbar-main > li a:hover, 
header .navbar .navbar-main > li a:focus { color:var(--primary-color); text-decoration:none; }
header .navbar .navbar-main > li .sub-menu li a:hover { color:#fff; text-decoration:none; margin-bottom:0; border-bottom: 4px solid rgba(84,197,208,0.6);}
header .navbar .navbar-main > li.active a:hover, 
header .navbar .navbar-main > li.active a:focus, 
header .navbar .navbar-main > li.current-menu-item > a:hover, 
header .navbar .navbar-main > li.current-menu-item > a:focus { background-color:var(--primary-color); color:#54c5d0; }

/* Header: Main Menu - 2nd Level */
header .navbar .navbar-main > li > ul { background-color:var(--primary-color); color:#fff; margin:0; padding:0; }
header .navbar .navbar-main > li > ul > li { list-style: none; padding:5px 15px; }  
header .navbar .navbar-main > li > ul > li:last-child { padding-bottom:10px; }
header .navbar .navbar-main > li > ul > li > a { color:#fff; display:inline-block; font-size:14px; font-weight:400; position: relative; }
header .navbar .navbar-main > li > ul > li.active > a { border-bottom:4px solid #54c5d0; }
/*header .navbar .navbar-main > li > ul > li .sub-menu { display:none; }*/
/*header .navbar .navbar-main */.sub-menu { display:none; }
/*header .navbar .navbar-main*/ .current-menu-item .sub-menu { display:block; }

/* Header: Search*/
header .navbar .navbar-form { border:none; padding:0; }
header .navbar .navbar-form .form-group { display:inline-block; width:90%; } 
header .navbar .navbar-form .form-control { background-color:#f2f0ec; border:none; border-radius:0; box-shadow:none; color:#000; height:auto; vertical-align:top; }
header .navbar .navbar-form .form-control::-moz-placeholder { color: #707a7c; }
header .navbar .navbar-form .form-control:-ms-input-placeholder { color: #707a7c; }
header .navbar .navbar-form .form-control::-webkit-input-placeholder { color: #707a7c; }
header .navbar .navbar-form button { background-color:#f2f0ec; border:none; height:32px; margin-left:-4px; vertical-align:top; width:10% }
header .navbar .navbar-form button span.glyphicon { color:#66645d; }
header .navbar .navbar-form button:hover { background-color:#66645d; }
header .navbar .navbar-form button:hover span.glyphicon { color:#f2f0ec; }


@media (min-width: 768px) {
	/* Header: Logo + Menu Toggle */
	header .navbar .navbar-toggle { margin-top:32px; }
	header .navbar .navbar-brand { font-size:18px; height:50px; line-height:1.5; padding-top:29px; margin-bottom: 25px; width:167px; } 

	/* Header: Search*/
	header .navbar .navbar-form { padding:0; position:absolute; right:10px; top:47px; }
	header .navbar .navbar-form .form-group { width:auto; } 
	header .navbar .navbar-form .form-control { height:28px; margin-right:-2px; width:210px; padding:0 10px; }
	header .navbar .navbar-form .form-control:focus { background-color:#d1e8ec; }
	header .navbar .navbar-form button { height:28px; padding:0 8px; width:auto; }
	header .navbar .navbar-form button span.glyphicon { font-size:16px; top:3px; }
	/* Homepage Header */
	.page-template-front-page header .navbar .navbar-brand {
		height: 50px;
	}
}

@media (min-width: 992px) { 
	/* Header: Logo + Menu Toggle */
	header .navbar .navbar-header { padding-bottom:5px; }
	header .navbar .navbar-brand { margin-top:10px; }
	body header .navbar .navbar-brand {
		height: 50px;
	}
	/* Header: Main Menu */ 
	body.page-template-front-page header .navbar-main {
		margin-top: 13px;
	}
	header .navbar .navbar-collapse { padding:0; }
	header .navbar .navbar-main { border-radius:0; border: none; float:none; position:absolute; right:10px; top:10px; border-top:none; margin:0; }
	header .navbar .navbar-main > li { border-bottom: none; }
	header .navbar .navbar-main > li > a { border-bottom: 0; border-radius:8px 8px 0 0; font-size: 1.5rem; margin:0 6px 0 0; padding:7px 15px; }
	header .navbar .navbar-main > li:nth-child(5) > a {border-radius:8px 8px 8px 8px;}
	header .navbar .navbar-main > li:first-child > a { margin-left:0; }
	header .navbar .navbar-main > li:last-child > a { font-size:20px; padding:5px 10px 6px; } 
	header .navbar .navbar-main > li.active > a { background-color:var(--primary-color); color:#fff; }
	header .navbar .navbar-main > li.current-menu-item > a { background-color:var(--primary-color); color:#fff; }
	header .navbar .navbar-main > li.current-menu-ancestor > a { background-color:var(--primary-color); color:#fff; }
	header .navbar .navbar-main > li.current-page-ancestor > a { background-color:var(--primary-color); color:#fff; }
	header .navbar .navbar-main > li.current-menu-ancestor > .sub-menu { display: inline-block; }
	header .navbar .navbar-main > li.current-page-ancestor > .sub-menu { display: inline-block; }
	header .navbar .navbar-main > li > a:hover, 
	header .navbar .navbar-main > li > a:focus { background-color:var(--secondary-color); color:#fff;}
	/* Header: Main Menu - 2nd Level */
	header .navbar .navbar-main > li > ul { display:none; }
	header .navbar .navbar-main > .current-menu-item > ul { display:block; } 
	header .navbar .navbar-main > li > ul { border-radius:8px; left:0; position:absolute; top:34px; width:100%; }
	header .navbar .navbar-main > li > ul > li { padding:0; }  
	header .navbar .navbar-main > li > ul > li:last-child { padding-bottom:0; }
	header .navbar .navbar-main > li:first-child.active > ul, 
	header .navbar .navbar-main > li:first-child.current-menu-item > ul,
	header .navbar .navbar-main > li:first-child.current-menu-ancestor > ul,
	header .navbar .navbar-main > li:first-child.current-page-ancestor > ul { border-radius:0 8px 8px 8px; }
	header .navbar .navbar-main > li > ul > li { display:inline-block; } 
	header .navbar .navbar-main > li > ul > li > a { line-height:26px; margin:4px 14px; }
	header .navbar .navbar-main > li > ul > li.active > a { border-bottom:4px solid #54c5d0; margin-bottom: 0; }
	header .navbar .navbar-main > li > ul > li.current-menu-item > a { border-bottom:4px solid #54c5d0; margin-bottom: 0; }
	header .navbar .navbar-main > li > ul > li.active > a:hover:after, header .navbar .navbar-main > li > ul > li.active > a:focus:after { background-color:#99d8f1; }	
	header .navbar .navbar-main > li > ul > li.current-menu-item > a:hover:after, header .navbar .navbar-main > li > ul > li.current-menu-item > a:focus:after { background-color:#99d8f1; }
	/* Fix header on homepage */
	.page-template-front-page header,
	header {
		position: fixed;
		width: 100%;
		z-index: 999;
		box-shadow: 0px 2px 3px rgb(0 0 0 / 10%);
	}
	/* padding for fixed header */
	div#content {
		padding-top: 90px;
	}
	.page-template-front-page div#content {
		padding-top: 75px;
	}
	/* HOMEPAGE HERO */
	.homepage-hero {
		padding: 3em 0 6em;
	}
	/* Campaign pages */
	.e-clear-padding .elementor-widget-wrap   {
    	padding: 10px 10px 10px 0 !important;
	}
}

@media (max-width: 768px) {
	.e-clear-padding .elementor-widget-wrap   {
    	padding: 10px 10px 10px 0 !important;
	}
}


@media (min-width: 1200px) { 
	header .navbar .navbar-brand { font-size:18px; height:70px; line-height:1.5; padding-top:29px; margin-top:10px; margin-bottom: 12px; width:235px; }
	body header .navbar .navbar-brand {
		height: 60px;
	}
	/* Header: Main Menu */ 
	header .navbar .navbar-main { top:14px; /*width:747px;*/ }
	header .navbar .navbar-main > li > a { font-size: 1.6rem; margin-right:11px; padding:7px 21px; }

	/* Header: Main Menu - 2nd Level */
	header .navbar .navbar-main > li > ul > li > a { margin:4px 20px; }

	/* Homepage Header */
	.page-template-front-page header .navbar .navbar-brand {
		height: 60px;
	}
	/* HOMEPAGE HERO */
	.homepage-hero {
		padding: 4em 0 6em;
	}
	/* padding for fixed header */
	div#content {
		padding-top: 97px;
	}
	.page-template-front-page div#content {
		padding-top: 85px;
	}
}

/* Search Popup */
.popup-box-on { display: block !important; }
.off { display: none; }
#search.open { opacity:1; transform: translate(0px, 0px) scale(1, 1); }
#search { background-color:rgba(28,24,65,0.97); height:100%; left:0; position:fixed; top:0; transition:all 0.5s ease-in-out 0s; width:100%; z-index:2000; }
#search .close { background:none; border:none; color:var(--third-color); cursor:pointer; font-size:50px; opacity:1; padding:5px 15px; position:fixed; right:15px; text-shadow:none; top:15px; }
#search .glyphicon { color:#151234; display:block; font-size:90px; left:50%; margin-left:-45px; top:15%; }
#search input[type="text"] { background:none; border:none; border-bottom:4px solid #393b6a; color:#fff; font-family:"Raleway",sans-serif; font-size:20px; font-weight:400; left:5%; margin:-51px auto 0; outline:none; padding-left:10px; padding-right:10px; position:absolute; text-align:center; top:50%; width:90%; }
#search input::-moz-placeholder { color:#606d8e; opacity:1; }
#search input:-ms-input-placeholder { color:#606d8e; }
#search input::-webkit-input-placeholder { color:#606d8e; }
#search .btn { background-color: #54c5d0; color:var(--primary-color); font-size:20px; left:50%; margin-top: 20px; padding: 10px 30px; position: absolute; top: 50%; transform: translateX(-50%); }
@media (min-width: 768px) {
	#search .close { font-size:60px; padding:20px 30px; right: 30px; top: 30px; }
	#search .glyphicon { margin-left:-90px; font-size:180px; }
	#search input[type="text"] { padding-left:30px; padding-right:30px; font-size:45px; }
	#search .btn { font-size:28px;  margin-top: 60px; padding: 10px 50px; }
}
@media (min-width: 992px) { 
	#search .glyphicon { top:20%; }
	#search input[type="text"] { font-size:50px; }
}

/* Content: Page intro */
.page-title { background:url(./images/banner-bg-left.png) no-repeat 0 100% / 100px auto, url(./images/banner-bg-right.png) no-repeat 100% 0 / 100px auto var(--secondary-color); font-size: 18px; line-height:1.5; margin-bottom:35px; padding: 50px 0 31px; position: relative;}
.page-title.title-excerpt { padding-bottom:40px; } 
.page-title h1 { margin-bottom:22px; }
@media (min-width:768px) {
	.page-title { background-size:170px auto, 170px auto; }
}
@media (min-width:992px) {
	.page-title { background-position:0 250%, 100% 0 ; background-size:auto 90%, auto 90%; }
}

/* Content: Homepage intro */
.homepage .page-title { margin-bottom:10px; padding-top:30px; padding-bottom:10px; }
.homepage .page-title h1 { font-size:30px; margin:0 30px 25px 30px; text-align: center;}
.homepage .page-title ol { font-size:20px; margin:0; padding:0; list-style-type:none; }
.homepage .page-title ol > li { counter-increment:step-counter; line-height:1.4; margin:0; padding:0 0 15px 60px; position:relative; clear: both; padding-left: 0 !important;}
.homepage .page-title ol > li:last-child { padding-bottom:0; }
/*.homepage .page-title ol > li::before { background-color:var(--third-color); border-radius:40px; color:#fff; content:counter(step-counter); display:inline-block; font-size:38px; font-weight:bold; height:48px; left:0; line-height:1; margin-right:10px; padding:1px 0 3px; position:absolute; text-align:center; top:0; width:48px; }*/
.homepage .page-title ol > li:before { display: none; }
.homepage .page-title ol > li em { font-style: normal;  }

/* STORIES - CSS CHANGES */
        .homepage .stories { margin-top: 40px; margin-bottom: 30px; }
        .homepage .stories .col-sm-6:last-child .box { float: right; }
        .homepage .stories h2 { font-size: 30px; left: 0; padding: 0 25px; }
        .homepage .stories-list { padding: 0 20px 5px; position: relative; }
        .homepage .stories-list .box a { background-color: var(--third-color); min-height: 0; }
        .homepage .stories-list .box h3 { margin: 0 0 8px; }
        .homepage .stories-list .box p { font-size: 15px !important; margin-bottom: 5px; }
        .homepage .stories-list .box p:after { color: rgba(255,255,255,0.5); }
        .homepage .col-sm-6 .stories-list .box a:before { border-top: none !important; border-right: 26px solid var(--third-color) !important; border-bottom: 26px solid transparent !important; border-left: none !important; right: 60px !important; bottom: -26px !important; top: auto !important; height: 26px; width: 26px; }
        .homepage .col-sm-6:last-child .stories-list .box a:before { border-right: none !important; border-bottom: 26px solid transparent !important; border-left: 26px solid var(--third-color) !important; left: 60px !important; right: auto !important; }
        .homepage .stories-list .story { margin-bottom: 10px; }
        .homepage .stories-list .story > a { border-radius: 8px; float: right; height: 150px; margin: 10px 30px 0; overflow: hidden; width: 150px; z-index: 1; }
        .homepage .col-sm-6:last-child .stories-list .story > a { float: left; }
        .homepage .stories-list .story > a img { margin: 0; }
        .homepage .stories-list a.btn { background: url(https://www.fraudsmart.ie/app/themes/fraudsmart/images/bg-arrows-right.png) no-repeat 150% 50%, #54c5d0; color: var(--primary-color); font-size: 20px; margin: 15px 0 0; padding: 10px 25px 10px 30px; }
        .homepage .stories-list a.btn:hover { background-color: var(--third-color); color: #fff; text-decoration: none; }
        .homepage .stories-list a.btn::after { color: var(--primary-color); content: "\e258"; display: inline-block; font-family: 'Glyphicons Halflings'; font-size: 18px; font-weight: 700; height: auto; margin-left: 10px; position: relative; top: -1px; vertical-align: middle; width: auto; }
@media (min-width:768px) {
	.homepage .page-title { margin-bottom: 20px; padding-top: 30px; padding-bottom: 30px; }
	.homepage .page-title h1 { font-size:50px; margin:0px 0 25px 60px; text-align: left; }
	.homepage .page-title ol { font-size:22px; margin-left:20px; }
	.homepage .page-title ol > li { padding-bottom:20px; }
	.homepage .page-title ol > li::before { font-size:26px; height:42px; top:-2px; width:42px; }
	.homepage .page-title ol > li strong { display: inline-block; float: left; font-size: 26px; padding: 0 0 10px; width: 25% ; }
            .homepage .page-title ol > li em { display: inline-block; float: left; padding: 5px 0; width: 75% }
    .homepage .stories { margin-top: 40px; margin-bottom: 30px; }
            .homepage .stories h2 { font-size: 30px; }
            .homepage .stories-list { min-height: 417px; padding: 37px 20px 10px !important; }
            .homepage .stories-list .box { width: auto; }
}
@media (min-width:992px) {
	.homepage .page-title { background-position:0 100%, 100% 0; background-size:auto 60%, auto 60%; }
	.homepage .page-title ol { font-size:20px; margin-bottom:20px;}
	.homepage .page-title ol > li { padding-left:70px; }
	.homepage .page-title ol > li strong { width: 20% ; }
            .homepage .page-title ol > li em { width: 80% }
	.homepage .page-title ol > li::before { font-size:35px; height:48px; width:48px; }
	.home header .navbar .navbar-main > li > a { background-color: #f2f2f9; border-radius: 8px 8px 8px 8px; }
            .home header .navbar .navbar-main > li:last-child > a { background-color: transparent; }
            .home header .navbar .navbar-main > li a:hover,
            .home header .navbar .navbar-main > li a:focus { background-color: var(--secondary-color); }
    .home header .navbar .navbar-main > li.current-menu-parent > a, 
      .home header .navbar .navbar-main > li.current-menu-ancestor > a,
      .home header .navbar .navbar-main > li.current-menu-item > a { background-color:var(--primary-color) !important; border-radius: 8px 8px 0 0 !important; color:#fff !important ; margin-bottom:0 !important ; }
}
@media (min-width:1200px) {
	.homepage .stories h2 { font-size: 34px; }
            .homepage .stories-list { min-height: 260px; padding: 37px 30px 15px !important; }
            .homepage .stories-list .box { width: 325px; }
            .homepage .col-sm-6:last-child .stories-list .box { margin-top: 0; margin-bottom: 30px; }
            .homepage .col-sm-6 .stories-list .box a:before { border-top: 26px solid var(--third-color) !important; border-right: 26px solid transparent !important; border-bottom: none !important; border-left: none !important; bottom: auto !important; right: -26px !important; top: 30px !important; }
            .homepage .col-sm-6:last-child .stories-list .box a:before { border-bottom: 26px solid var(--third-color) !important; border-left: 26px solid transparent !important; border-right: none !important; border-top: none !important; bottom: 30px !important; left: -26px !important; right: auto !important; top: auto !important; }
            .homepage .stories-list .story > a { margin: 0; }
            .homepage .col-sm-6:last-child .stories-list .story > a { margin-top: 35px; }
	.homepage .page-title { background-size:auto, auto; }
}

/* SCAMS */
        .scams.box { background-color: var(--primary-color); color: #fff; padding-top: 25px; }
        .scams h2 { border-bottom: 3px solid rgba(255,255,255,.5); color: #fff; display: inline-block; font-weight: 700; margin: 0 0 15px; padding: 0 0 15px 30px; }
        .scams .col-md-3 { padding-right: 0; }
        .scams .col-md-9 { padding-bottom: 15px; }
        .scams .col-md-9 p { padding: 0 30px 0 40px; }
        .scams .col-md-9 p:first-child { padding-top: 5px; }
        .scams a.btn { background: #54c5d0; color: var(--primary-color); display: inline-block; font-size: 18px; margin: 5px 20px 0 0; padding: 8px 20px; }
        .scams a.btn::after { color: var(--primary-color); content: "\e258"; display: inline-block; font-family: 'Glyphicons Halflings'; font-size: 18px; font-style: normal; font-weight: 700; height: auto; margin-left: 10px; position: relative; top: -1px; vertical-align: middle; width: auto; }
        .scams a.btn:hover { background-color: var(--third-color); }
        @media (min-width: 768px) {
            .scams h2 { font-size: 34px; }
        }
/* SCAMS - CSS FROM FRONTPAGE TEMPLATE  */
.scams.box { background-color: var(--primary-color); color: #fff; padding-top: 25px; }
.scams h2 { border-bottom: 3px solid rgba(255,255,255,.5); color: #fff; display: inline-block; font-weight: 700; margin: 0 0 15px; padding: 0 0 15px 30px; }
.scams .col-md-3 { padding-right: 0; }
.scams .col-md-9 { padding-bottom: 15px; }
.scams .col-md-9 p { padding: 0 30px 0 40px; }
.scams .col-md-9 p:first-child { padding-top: 5px; }
.scams a.btn { background: #54c5d0; color: var(--primary-color); display: inline-block; font-size: 18px; margin: 5px 20px 0 0; padding: 8px 20px; }
/* buttons arrow*/
a.btn.btn-arrow::after,
.scams a.btn::after,
.homepage-hero .btn::after,
.campaign-panel .btn::after { color: var(--primary-color); content: "\e258"; display: inline-block; font-family: 'Glyphicons Halflings'; font-size: 18px; font-style: normal; font-weight: 700; height: auto; margin-left: 10px; position: relative; top: -1px; vertical-align: middle; width: auto; }

.scams a.btn:hover { background-color: var(--third-color); }
@media (min-width: 768px) {
	.scams h2 { font-size: 34px; }
}
/* OTHER CSS CHANGES */
.homepage .alerts { margin-bottom: 20px; }
/*.homepage .latest-alerts li a { background-color: var(--third-color); }*/
.emergency { margin-bottom: 28px; }
/* STORIES - CSS CHANGES */
.homepage .stories { margin-top: 40px; margin-bottom: 30px; }
.homepage .stories .col-sm-6:last-child .box { float: right; }
.homepage .stories h2 { font-size: 30px; left: 0; padding: 0 25px; }
.homepage .stories-list { padding: 0 20px 5px; position: relative; }
.homepage .stories-list .box a { background-color: var(--third-color); min-height: 0; }
.homepage .stories-list .box h3 { margin: 0 0 8px; }
.homepage .stories-list .box p { font-size: 15px !important; margin-bottom: 5px; }
.homepage .stories-list .box p:after { color: rgba(255,255,255,0.5); }
.homepage .col-sm-6 .stories-list .box a:before { border-top: none !important; border-right: 26px solid var(--third-color) !important; border-bottom: 26px solid transparent !important; border-left: none !important; right: 60px !important; bottom: -26px !important; top: auto !important; height: 26px; width: 26px; }
.homepage .col-sm-6:last-child .stories-list .box a:before { border-right: none !important; border-bottom: 26px solid transparent !important; border-left: 26px solid var(--third-color) !important; left: 60px !important; right: auto !important; }
.homepage .stories-list .story { margin-bottom: 10px; }
.homepage .stories-list .story > a { border-radius: 8px; float: right; height: 150px; margin: 10px 30px 0; overflow: hidden; width: 150px; z-index: 1; }
.homepage .col-sm-6:last-child .stories-list .story > a { float: left; }
.homepage .stories-list .story > a img { margin: 0; }
.homepage .stories-list a.btn { background: url(https://www.fraudsmart.ie/app/themes/fraudsmart/images/bg-arrows-right.png) no-repeat 150% 50%, #54c5d0; color: var(--primary-color); font-size: 20px; margin: 15px 0 0; padding: 10px 25px 10px 30px; }
.homepage .stories-list a.btn:hover { background-color: var(--third-color); color: #fff; text-decoration: none; }
.homepage .stories-list a.btn::after { color: var(--primary-color); content: "\e258"; display: inline-block; font-family: 'Glyphicons Halflings'; font-size: 18px; font-weight: 700; height: auto; margin-left: 10px; position: relative; top: -1px; vertical-align: middle; width: auto; }
@media (min-width: 768px) {
	.homepage .stories { margin-top: 40px; margin-bottom: 30px; }
	.homepage .stories h2 { font-size: 30px; }
	.homepage .stories-list { min-height: 417px; padding: 37px 20px 10px !important; }
	.homepage .stories-list .box { width: auto; }
}
@media (min-width: 1200px) {
	.homepage .stories h2 { font-size: 34px; }
	.homepage .stories-list { min-height: 260px; padding: 37px 30px 15px !important; }
	.homepage .stories-list .box { width: 325px; }
	.homepage .col-sm-6:last-child .stories-list .box { margin-top: 0; margin-bottom: 30px; }
	.homepage .col-sm-6 .stories-list .box a:before { border-top: 26px solid var(--third-color) !important; border-right: 26px solid transparent !important; border-bottom: none !important; border-left: none !important; bottom: auto !important; right: -26px !important; top: 30px !important; }
	.homepage .col-sm-6:last-child .stories-list .box a:before { border-bottom: 26px solid var(--third-color) !important; border-left: 26px solid transparent !important; border-right: none !important; border-top: none !important; bottom: 30px !important; left: -26px !important; right: auto !important; top: auto !important; }
	.homepage .stories-list .story > a { margin: 0; }
	.homepage .col-sm-6:last-child .stories-list .story > a { margin-top: 35px; }
}
/* Main Menu CSS changes */
@media (min-width: 992px) {
	.home header .navbar .navbar-main > li > a { background-color: #f2f2f9; border-radius: 8px 8px 8px 8px; }
	.home header .navbar .navbar-main > li:last-child > a { background-color: transparent; }
	.home header .navbar .navbar-main > li a:hover,
	.home header .navbar .navbar-main > li a:focus { background-color: var(--secondary-color); }
}
/* Main banner CSS changes */
.homepage .page-title ol { margin: 0; }
.homepage .page-title ol > li { clear: both; padding-left: 0 !important; }
.homepage .page-title ol > li:before { display: none; }
.homepage .page-title ol > li em { font-style: normal;  }
@media (min-width: 768px) {
	.homepage .page-title ol > li strong { display: inline-block; float: left; font-size: 26px; padding: 0 0 10px; width: 25% ; }
	.homepage .page-title ol > li em { display: inline-block; float: left; padding: 5px 0; width: 75% }
}
@media (min-width: 992px) {
	.homepage .page-title ol > li strong { width: 20% ; }
	.homepage .page-title ol > li em { width: 80% }
}
@media (min-width: 768px) {
	.homepage .page-title { margin-bottom: 20px; padding-top: 30px; padding-bottom: 30px; }
}
/* END CSS FROM FRONTPAGE TEMPLATE */

/* Content boxes */
.boxes:first-child { margin-top:25px;}
.box>a {min-height:auto;}
@media (min-width:990px) { .box>a {min-height:210px;} }
@media (min-width:1200px) { .box>a {min-height:190px;} }

.box{background-color:var(--third-color); border-radius:8px; color:#000; margin:20px 0px 20px; padding:25px 20px 20px 20px;}
.boxes .box { margin-top:0; }
.box h2 { color:#fff; font-size:30px; margin-top:0; }
.box .h2 { color:#fff; font-size:30px; margin-top:0; }
.box h2 a { color:#fff; }
.box .btn:hover { background-color:#0e0c30; color:#fff; }

.box-link { padding:0; }
.box-link a { background-color:var(--third-color); border-radius:8px; color:#000; display:block; }
.box-link a:hover { background-color:var(--third-color); text-decoration: none; }
.box-link a h2, .box-link a h3 { border-bottom:3px solid var(--secondary-color); color:#fff; display:inline-block; font-weight:700; margin-top:0; padding:15px 0 5px 30px; }
.box-link a .h2, .box-link a h3 { border-bottom:3px solid var(--secondary-color); color:#fff; display:inline-block; font-weight:700; margin-top:0; padding:15px 0 5px 30px; }
.box-link a h3 { font-size:30px; margin-bottom:20px; }
.box-link a p { color:#000; padding:0 90px 20px 30px; }
.col-sm-6 .box-link a p { padding:5px 135px 25px 30px; }
@media (min-width:992px) and (max-width:1199px) {
	.box-link a p { padding-right:70px; }
}
.box-advice ol { margin:25px 0 15px 0; padding:0; list-style-type:none; }
.box-advice ol > li { counter-increment:step-counter; line-height:1.4; margin:0; padding:7px 0 20px 64px; position:relative; }
.box-advice ol > li:last-child { padding-bottom:0; }
.box-advice ol > li::before { background-color:var(--primary-color); border-radius:40px; color:#fff; content:counter(step-counter); display:inline-block; font-size:36px; font-weight:bold; height:44px; left:0; line-height:1; margin-right:10px; padding:1px 0 3px; position:absolute; text-align:center; top:-2px; width:44px; }

.box-types { background-color:#54c5d0; color:var(--primary-color); }
.box-types h2 { color:var(--primary-color); }
.box-types ul { margin:25px 0 15px 0; padding:0; list-style-type:none; }
.box-types ul > li { line-height:1.4; list-style:none; margin:0; padding:0 0 20px 44px; position:relative; }
.box-types ul > li:last-child { padding-bottom:0; }
.box-types ul > li::before { background:none; color: var(--third-color); content:"\e258"; display:block; font-family:'Glyphicons Halflings'; font-size:35px; font-style:normal; font-weight:700; height:auto; left:-5px; line-height:1; position:absolute; top:5px; width:auto; }
.box-types ul > li a { border-bottom-color:rgba(255,255,255,.7); }
.box-types ul > li a:hover { border-bottom-color:var(--primary-color); color:var(--primary-color); }

.blue-box{background-color:var(--secondary-color); border-radius:8px; color:#000; margin-bottom:20px;/*margin:20px 20px;*/ padding:25px 30px 15px; /*width:45%;*/ display:inline-block;}
.blue-box h2 { color:#fff; font-size:30px; margin-top:0; }
.blue-box .h2 { color:#fff; font-size:30px; margin-top:0; }
.blue-box h2 a { color:#fff; }
.blue-box .btn:hover { background-color:#0e0c30; color:#fff; }

/* Notice Boxes */
.box img {
    max-width: 100%;
	height: auto;
}
.box ol {
	margin: 25px 0 15px 0;
	padding: 0;
	list-style-type: none;
}

.box ol>li {
	counter-increment: step-counter;
	line-height: 1.4;
	margin: 0;
	padding: 7px 0 20px 64px;
	position: relative;
}

.box ol>li:last-child {
	padding-bottom: 0;
}

.box ol>li::before {
	background-color: var(--primary-color);
	border-radius: 40px;
	color: #fff;
	content: counter(step-counter);
	display: inline-block;
	font-size: 36px;
	font-weight: bold;
	height: 44px;
	left: 0;
	line-height: 1;
	margin-right: 10px;
	padding: 1px 0 3px;
	position: absolute;
	text-align: center;
	top: -2px;
	width: 44px;
}
.campaign-page .box.light-blue {
	background-color:#54c5d0;
	color: var(--primary-color);
}
.campaign-page .box.light-blue h2,
.campaign-page .box.light-blue.intro-ul {
    color: var(--primary-color);
}

/* Campaign page banner CSS changes */
@media only screen and (min-width:768px) {
	/* .page-template-front-page .page-title.title-homepage {
		padding-bottom: 0!important;
	} */
}
/* Impersonator banner */
/* .page-template-front-page .page-title.title-homepage {
	background: url(./images/left-ellipse.png) no-repeat left bottom, url(./images/right-ellipse.png) no-repeat right bottom var(--secondary-color);
} */
/* Original banner */
.page-template-front-page .page-title.title-homepage {
	background: url(./images/banner-bg-left.png) no-repeat left bottom, url(./images/banner-bg-right.png) no-repeat right bottom var(--secondary-color);
}

.page-template-front-page .page-title.title-homepage img {
    max-width: 100%;
    height: auto;
}
.page-template-front-page .page-title.title-homepage p {
	margin-bottom: 0;
}
.page-template-front-page .page-title.title-homepage .btn-lg {
    font-size: 30px;
}
.campaign-page .box {
	background-color: #fe5c66;
}
.campaign-page .box h2 {
	color: #000;
}
.campaign-page .intro-ul ul {
	margin: 0;
}

.campaign-page .intro-ul ul>li {
	clear: both;
	display: inline-block;
	padding-left: 0 !important;
	width: 100%;
}

.campaign-page .intro-ul ul>li:before {
	display: none;
}

.campaign-page .intro-ul ul>li em {
	font-style: normal;
}
@media (min-width: 479px) {
	.homepage .page-title h1 {
		font-size:42px;
	}
}
@media (min-width: 768px) {
	
	.campaign-page .intro-ul ul>li strong {
		display: inline-block;
		float: left;
		font-size: 22px;
		line-height: 1.3;
		padding: 0 0 10px;
		width: 25%;
	}

	.campaign-page .intro-ul ul>li em {
		display: inline-block;
		float: left;
		padding: 5px 0;
		width: 75%
	}
}

@media (min-width: 992px) {
	.campaign-page .intro-ul ul>li strong {
		font-size: 26px;
	}
	.page-template-front-page .page-title.title-homepage .btn-lg {
		margin-top: 140px;
	}
	.homepage .page-title h1 {
		font-size: 50px;
	}
}
/*	.campaign-page .intro-ul ul>li em {
		width: 80%
	}
} */

@media (min-width: 768px) {
	.campaign-page .intro-ul {
		margin-bottom: 20px;
		padding-top: 30px;
		padding-bottom: 30px;
	}
}
.btn.blue {
    color: var(--primary-color);
    background-color: #54c5d0;
    padding: 15px 25px;
	margin-top: 20px;
}
.btn.blue:hover {
    color: #54c5d0;
    background-color: var(--primary-color);
}

/* Utilities */

.flex {
	display: flex;
}
/* flex column on small >576*/
.flex-sm-column {
	flex-direction: column;
}
@media (min-width: 576px) {
	/* change to flex row */
	.flex-sm-column {
		flex-direction: row;
	}
}
/* flex column on medium >768*/
.flex-md-column {
	flex-direction: column;
}
@media (min-width: 768px) {
	/* change to flex row */
	.flex-md-column {
		flex-direction: row;
	}
}

/* Box Icons */
.icon-email, .icon-phone, .icon-card, .icon-online, .icon-advert, .icon-money, .icon-downloads, .icon-jargon, .icon-links, .icon-press, .icon-videos, .icon-sme-man, .icon-older-lady, .icon-youth { background-repeat:no-repeat; background-position:bottom right; }
.icon-email { background-image: url(./images/icon-email.png); }
.icon-phone { background-image: url(./images/icon-phone.png); }
.icon-card { background-image: url(./images/icon-card.png); }
.icon-online { background-image: url(./images/icon-online.png); }
.icon-advert { background-image: url(./images/icon-advert.png); }
.icon-money { background-image: url(./images/icon-money.png); }
.icon-downloads { background-image: url(./images/icon-download.png); }
.icon-jargon { background-image: url(./images/icon-jargon.png); }
.icon-links { background-image: url(./images/icon-link.png); }
.icon-press { background-image: url(./images/icon-press.png); }
.icon-videos { background-image: url(./images/icon-videos.png); }
.icon-sme-man {
	background-image: url(./images/Man-300x600-tinified.png);
}
.icon-older-lady {
	background-image: url(./images/Older-lady2-300x478-tinified.png);
}
.icon-youth {
	background-image: url(./images/Young-man1-300x487-tinified.png);
}
a.icon-sme-man,
a.icon-older-lady,
a.icon-youth {
    background-size: contain;
}

.homepage .alerts { margin-bottom: 20px; }
/* Homepage Fraud Types */
.homepage .types { background-color:#dadcdf; padding:20px 0 30px; }
.homepage .types h2 { margin-bottom:25px; }

/* Stories List */
.stories-list .row { margin-top:0; margin-bottom:30px;  }
.stories-list .row:first-child { margin-top:25px; }
.stories-list img { border-radius:8px; margin-top:10px; max-width:100%; }
.stories-list .box { margin:0; padding:20px 25px 10px; position: relative; }
.stories-list .box:before { content:''; border-bottom:26px solid transparent; border-left:26px solid var(--third-color); left:30px; overflow:hidden; position:absolute; bottom:-26px; z-index:10; }
.stories-list .box h2 { font-size:24px; }
.stories-list .box p { margin-bottom:10px; }
.stories-list .box p a { color:#000; text-decoration:underline; }
.stories-list .box p a.btn { color:#fff; }
.stories-list.related-stories .row { margin-top:0; }
.stories-list.related-stories img { margin-bottom:0;}
.stories-list.related-stories .box { background-color:var(--primary-color); color:#fff; }
.stories-list.related-stories .box a { color:#fff; }
.stories-list.related-stories .box a:hover { text-decoration:underline; }
.stories-list.related-stories .box h2 { font-size:20px; margin-bottom:10px; }
.stories-list.related-stories .box:before { border-left-color:var(--primary-color); }
@media (min-width:768px) {
	.stories-list .row { margin-bottom:0; }
	.stories-list img { margin-top:20px; margin-bottom:30px; }
	.stories-list .box { margin-top:0; margin-bottom:30px; }
	.stories-list .box:before { border-left:26px solid transparent; border-bottom:26px solid var(--third-color); left:-26px; bottom:auto; }
	.stories-list.related-stories img { width:100%; }
	.stories-list.related-stories .box:before { border-left-color:transparent; border-bottom-color:var(--primary-color); }
}
@media (min-width:1200px) {
	.stories-list .box:before { top:30px; bottom:auto; }
	.stories-list.related-stories .col-sm-9 { width:79.5%; }
	.stories-list.related-stories .col-sm-push-3 { left:20.5%; }
	.stories-list.related-stories .col-sm-3 { width:20.5%; }
	.stories-list.related-stories .col-sm-pull-9 { right:79.5%; }
}

/* Individual Story */
.stories-list.story .box { background-color:var(--primary-color); color:#fff; }
.stories-list.story .box:before { border-left-color:var(--primary-color); }
.stories-list.story .box p a { color:#fff; text-decoration:underline; }
@media (min-width:768px) {
	.stories-list.story .box:before { border-left-color:transparent; border-bottom-color:var(--primary-color); }
}

/* HP Stories */
.homepage .stories { position:relative; margin-top:35px; margin-bottom:20px; }
.homepage .stories-list { border:4px solid #dadcdf; border-radius:8px; padding:0 20px 20px; position:relative; }
.homepage .stories-list .row:first-child { margin-top:0; }
.homepage .stories-list .box { clear:both; color:#fff; margin:25px 0 0 0; padding:0; z-index:5; }
.homepage .stories-list .col-sm-6:last-child .box { margin:0; }
.homepage .stories-list .box:before { display:none; }
.homepage .stories-list .box a { background-color:var(--primary-color); border-radius:8px; color:#fff; display:block; padding:20px; position:relative; }
.homepage .stories-list .box a:hover { background-color:#54c5d0; color:var(--primary-color); text-decoration:none; }
.homepage .stories-list .box a:before { content:''; border-bottom:26px solid transparent; border-right:26px solid var(--primary-color); right:60px; overflow:hidden; position:absolute; bottom:-26px; z-index:10; }
.homepage .stories-list .col-sm-6:last-child .box a:before { border-bottom:26px solid transparent; border-left:26px solid var(--primary-color); border-right:none; border-top:none; left:60px; right:auto; }
.homepage .stories-list .box a:hover:before { border-right-color:#54c5d0; }
.homepage .stories-list .col-sm-6:last-child .box a:hover:before { border-left-color:#54c5d0 }
.homepage .stories-list .box h3 { font-size:18px; line-height:1.4; margin:0 0 5px; text-align:left; }
.homepage .stories-list .box p { font-size:16px; margin-bottom:0; }
.homepage .stories-list .box p:after { color:rgba(84,197,208,0.5); content:'...'; font-family:Calibri, sans-serif; font-size:26px; font-weight:700; line-height:0.5; margin-left:7px; }
.homepage .stories-list .box a:hover p:after { color:rgba(255,255,255,0.5); }
.homepage .stories-list .col-sm-6 > a { border-radius:8px; float:right; height:200px; margin:10px 30px 15px; overflow:hidden; width:200px; z-index:1; }
.homepage .stories-list .col-sm-6:last-child > a { float:left; }
.homepage .stories-list img { border-radius:0; height:100%; margin:0 0 0 -35%; max-width:none; width:auto; }
@media (min-width:768px) {
	.homepage .stories { margin-top:65px; margin-bottom:60px; }
	.homepage .stories h2 { margin:0; position:absolute; text-align:center; top:-15px; width:100%; z-index:10; }
	.homepage .stories h2 strong { background:#fff; padding:0 18px; }
	.homepage .stories-list { padding:35px 30px; }
	.homepage .stories-list .box { float:right; margin-top:35px; width:400px; }
	.homepage .stories-list .col-sm-6:last-child .box { float:left; margin-top:0; }
	.homepage .stories-list .box { clear:none; width:300px; }
	.homepage .stories-list .col-sm-6:last-child .box { }
}
@media (min-width:992px) {
	.homepage .stories-list { padding:38px 20px 35px; }
	.homepage .stories-list .box { float:left; clear:none; width:300px; }
	.homepage .stories-list .col-sm-6:last-child .box { float:right; }
	.homepage .stories-list .box a:before { border-top:26px solid var(--primary-color); border-right:26px solid transparent; border-bottom:none; border-left:none; bottom:auto; right:-26px; top:30px; }
	.homepage .stories-list .col-sm-6:last-child .box a:before { border-bottom:26px solid var(--primary-color); border-left:26px solid transparent; border-right:none; border-top:none; bottom:30px; left:-26px; right:auto; top:auto; }
	.homepage .stories-list .box a:hover:before { border-right-color:transparent; border-top-color:#54c5d0; }
	.homepage .stories-list .col-sm-6:last-child .box a:hover:before { border-left-color:transparent; border-bottom-color:#54c5d0; }
	.homepage .stories-list .col-sm-6 > a { border-radius:8px; right:15px; height:175px; margin:0 0 0 -30px; overflow:hidden; position:absolute; top:0; width:175px; z-index:1; }
	.homepage .stories-list .col-sm-6:last-child > a { left:15px; right:auto; margin:35px -30px 0 0; }
}
@media (min-width:1200px) {
	.homepage .stories-list { padding:38px 80px 35px; }
	.homepage .stories-list .box { }
	.homepage .stories-list .box h3 { font-size:19px; }
	.homepage .stories-list .box p { font-size:17px; }
	.homepage .stories-list .col-sm-6 > a { height:200px; width:200px; }
}

/* Alerts List */
.container > .alerts-list { margin-top:25px; }
.alerts-list .row { margin-bottom:30px; }
.alerts-list img { border-radius:8px; margin-top:10px; width:100%; }
.alerts-list h2 { font-size:24px; margin-top:0; margin-bottom:12px; }
.alerts-list h2 a { border-bottom:3px solid var(--secondary-color); display:inline-block; padding-bottom:5px; }
.alerts-list h2 a:hover { text-decoration:none; border-bottom-color:var(--third-color); }
.alerts-list p { margin-bottom:0; }
.alerts-list .date { font-size:14px; font-style:italic; margin-top:12px; margin-bottom:7px; }
.alerts-list.content .date { margin-top:2px; }
@media (min-width:768px) {
	.alerts-list img { margin-top:0; }
	/*.alerts-list h2 { margin-left:-10px; }*/
	/*.alerts-list p { margin-left:-10px; }*/
	.alerts-list .col-sm-9 { width:76%; }
	.alerts-list .col-sm-push-3 { left:24%; }
	.alerts-list .col-sm-3 { width:24%; }
	.alerts-list .col-sm-pull-9 { right:76%; }
}
@media (min-width:1200px) {
	.alerts-list .col-sm-9 { width:79.5%; }
	.alerts-list .col-sm-push-3 { left:20.5%; }
	.alerts-list .col-sm-3 { width:20.5%; }
	.alerts-list .col-sm-pull-9 { right:79.5%; }
}
@media (min-width:767px) {
	.responsive-alert-img {height:150px; object-fit:cover;}
}


/* HP Alerts */
.alerts { margin-bottom:30px; }
@media (min-width:992px) {
	.alerts .col-md-7 { width:65%; }
	.alerts .col-md-5 { width:35%; }
}
.homepage .featured-alert { border-radius:8px; cursor:pointer; display:block; margin-bottom:15px; overflow:hidden; position:relative; }
.homepage .featured-alert img { border-radius:8px 8px 0 0; max-width:100%; }
.homepage .featured-alert div { background:var(--primary-color); border-radius:0 0 8px 8px; color:#fff; padding:15px 20px; }
.homepage .featured-alert:hover div { background:#54c5d0; color:var(--primary-color); }
.homepage .featured-alert p { font-size:14px; line-height:1.4; margin:0 0 5px; }
.homepage .featured-alert p.date { font-size:13px; }
.homepage .featured-alert h3 { font-size:18px; margin:0 0 5px; text-align:left; }
@media (min-width:768px) {
	.homepage .featured-alert { margin-bottom:30px; }
	.homepage .featured-alert img { border-radius:8px; height:100%; max-width:none; width:auto; }
	.homepage .featured-alert div { background:rgba(255,255,255,0.95); border-radius:0 8px; bottom:0; color:var(--primary-color); left:0; margin-right:50px; padding:20px 35px; position:absolute; }
	.homepage .featured-alert p { font-size:15px; }
	.homepage .featured-alert h3 { font-size:22px; }
}
.homepage .latest-alerts { list-style:none; margin:0; padding:0; }
.homepage .latest-alerts li { color:#fff; list-style:none; margin:0 0 15px; padding:0; }
.homepage .latest-alerts li a { background-color:var(--primary-color); border-radius:0 8px 8px 0; color:#fff; display:block; margin-left:100px; min-height:100px; position:relative; }
.homepage .latest-alerts li a:hover { background-color:#54c5d0; color:var(--primary-color); text-decoration:none; }
.homepage .latest-alerts li img { border-radius:8px 0 0 8px; height:100px; left:-100px; position:absolute; top:0; width:100px; }
.homepage .latest-alerts li a p { display:none; font-size:13px; line-height:1.4; margin:0 0 0 20px; padding:15px 15px 3px 0; }
.homepage .latest-alerts li a h3 { font-size:17px; line-height:1.4; margin:0 0 0 20px; padding:15px 15px 15px 0; text-align:left; }
.homepage .latest-alerts li a h3:after { color:rgba(255,255,255,0.5); content:'...'; font-family:Calibri, sans-serif; font-size:26px; font-weight:700; line-height:0.5; margin-left:7px; }
@media (min-width:768px) { .homepage .latest-alerts li { margin-bottom:30px; } }

/* HP: Emergency */
.emergency a { background: url(./images/bg-arrows-left.png) no-repeat center left, url(./images/bg-arrows-right.png) no-repeat center right var(--third-color); display: block; border-radius:8px; margin-bottom:20px; padding:10px 20px; text-align:center; }
.emergency h2, .emergency p { color:#fff; display:inline-block; font-size:32px; margin-bottom:5px;}
.emergency a:hover { background-color:#e0868c; color:var(--primary-color); text-decoration:none; }
.emergency h2 { margin-top:5px; margin-right: 35px; margin-bottom:10px;}
.emergency a:hover h2, 
.emergency a:hover p { color:var(--primary-color); }
.emergency p::after { background:none; color:#fff; content:"\e258"; display:inline-block; font-family:'Glyphicons Halflings'; font-size:28px; font-style:normal; font-weight:700; height:auto; margin-left:20px; position:relative; top:3px; width:auto; }
.emergency a:hover p::after { color:var(--primary-color); }
.emergency {margin-bottom: 28px; }

.backtoalerts a { background: url(./images/bg-arrows-left.png) no-repeat center left, #54c5d0; display: block; border-radius:8px; margin-bottom:20px; padding:10px 20px; text-align:center; }
.backtoalerts a:hover { background-color:var(--third-color); color:#fff; text-decoration:none; }
.backtoalerts h2 { margin-right: 35px; }
.backtoalerts h2, .backtoalerts p { color:var(--primary-color); display:inline-block; font-size:32px; }
.backtoalerts a:hover h2, .backtoalerts a:hover p { color:#fff; }
.backtoalerts h2::before { background:none; color:var(--primary-color); content:"\e257"; display:inline-block; font-family:'Glyphicons Halflings'; font-size:28px; font-style:normal; font-weight:700; height:auto; margin-left:20px; position:relative; top:3px; width:auto; }
.backtoalerts a:hover p::after { color:#fff; }
.backtoalerts { margin-bottom: 30px; margin-bottom: 40px; }

.forwardclickbox a { background: url(./images/bg-arrows-right.png) no-repeat center right, #54c5d0; display: block; border-radius:8px; margin-bottom:20px; padding:10px 20px; text-align:center; }
.forwardclickbox a:hover { background-color:var(--third-color); color:#fff; text-decoration:none; }
.forwardclickbox h2 { margin-right: 35px; }
.forwardclickbox h2, .backtoalerts p { color:var(--primary-color); display:inline-block; font-size:32px; }
.forwardclickbox a:hover h2, .backtoalerts a:hover p { color:#fff; }
.forwardclickbox h2::after { background:none; color:var(--primary-color); content:"\e258"; display:inline-block; font-family:'Glyphicons Halflings'; font-size:28px; font-style:normal; font-weight:700; height:auto; margin-left:20px; position:relative; top:3px; width:auto; }
.forwardclickbox a:hover p::after { color:#fff; }
.forwardclickbox { margin-bottom: 30px; margin-bottom: 40px; }

/* Side: Filter */
.filter { background-color:var(--primary-color); border-radius:8px; color:#fff; margin:5px 0 30px; padding:18px 20px 10px; }
.filter h2 { font-size:24px; margin:0 0 15px; padding:0; }
.filter ul { margin:0; padding:0; }

/* Home signup 2023 */
/* HP: Signup */
.alert-sign-up { background: url(./images/bg-arrows-left.png) no-repeat center left, url(./images/bg-arrows-right.png) no-repeat center right var(--third-color); display: block; margin-bottom:20px; }
.alert-sign-up h2,
.alert-sign-up p { 
	color: #fff;
	text-align: left;
}


/* Side: Signup */
.signup { background-color:var(--third-color); border-radius:8px; color:#000; margin:5px 0 0; padding:18px 20px 20px; }
.signup form input { margin:10px 0px 20px; }
.signup h2 { color:#fff; font-size:24px; margin:0 0 10px; padding:0; }
.signup .form-group { margin-bottom:5px; }
.signup .form-control { border-color:#fff; }
.signup .btn { margin:0; }

/* Side Menu */
.nav-side { background-color:var(--primary-color); border-radius:8px; color:#fff; margin:5px 0 0; padding:18px 0 10px; }
.nav-side a { color:#fff; }
.nav-side h2 { font-size:24px; margin:0; padding:0 20px; }
.nav-side ul { list-style:none; margin:0; padding:0px 0 0; }
.nav-side > ul > li { font-size:18px; line-height:1; margin:10px 0 14px; padding:0 20px; }
.nav-side > ul > li:first-child { font-size:24px; margin-top:5px; font-weight:bold;}
.nav-side > ul > li.active { border-left:4px solid #54c5d0; padding-left:16px; }
.nav-side > ul > li.current-menu-item, 
.nav-side > ul > li.current-menu-ancestor { border-left:4px solid #54c5d0; padding-left:16px; }
.nav-side > ul > li a { display: block; }
.nav-side > ul > li a:hover, .nav-side ul li a:focus { color:#54c5d0; text-decoration:underline; }
.nav-side > ul > li.active > a, .nav-side ul li.active > a:hover, .nav-side ul li.active > a:focus { color:#54c5d0; font-weight:700; text-decoration:none; }
.nav-side > ul li.current-menu-item > a, .nav-side ul li.current-menu-item a:hover, .nav-side ul li.current-menu-item a:focus { color:#54c5d0; font-weight:700; text-decoration:none; }
.nav-side > ul > li > ul { margin-bottom:20px }
.nav-side > ul > li > ul > li { font-size:14px; margin:10px 0; padding:0 15px; }
.nav-side > ul > li > ul li ul { }
.nav-side > ul > li > ul > li > ul > li { font-size:13px; }
@media (min-width: 768px) {
	.nav-side { }
	.nav-side > ul > li > ul{ display:none; }
	.nav-side > ul > li.current-page-ancestor > ul{ display:block; }
	.nav-side > ul > li.current-menu-item > ul{ display:block; }
	.nav-side > ul  li.current-menu-item > a { font-weight: bold; }
}
@media (min-width: 992px) { 
	.nav-side { }
}
/* mailchimp Alerts sign-up page */
.page-template-page-sign-up footer {
	margin-top: 0;
}
/* FLIP CARDS */
.card {
	position: relative;
	width: 100%;
	height: 170px;
	float: left;
	perspective: 800px;
	margin-bottom: 15px;
}

.card-content {
	position: absolute;
	border-radius: 4px;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
	transition: transform 1s;
	transform-style: preserve-3d;
}
.icon {
    max-width: 75px;
	margin: auto;
	padding-top: 10px;
	height: 85px;
}
.icon.larger {
    max-width: 85px;
}
.icon.smaller {
    max-width: 65px;
}
.card:hover .card-content {
	transform: rotateY( 180deg ) ;
	transition: transform 0.5s;
}

.front,
.back {
	position: absolute;
	height: 100%;
	width: 100%;
	background-size: cover;
	color: var(--primary-color);
	text-align: center;
	font-size: 18px;
	border-radius: 4px;
	backface-visibility: hidden;
	padding: 10px;
}
.front {
	background: url("images/blue-dot-bg-400x200-tinified.png") no-repeat var(--secondary-color);
}
.back {
	background: var(--light-blue);
	color: var(--primary-color);
	transform: rotateY( 180deg );
	padding-top: 35px;
	padding-bottom: 35px;
}

/* Footer */
footer { background-color:#707780; color:#fff; margin-top: 40px; padding:13px 0 0; }
footer a { color:#fff; text-decoration:underline; }
footer a:hover { color:#010022; }
footer .btn { background-color:#54c5d0; color:var(--primary-color); font-weight:bold; height:34px; margin:0 0 0 5px; padding:6px 12px; }
footer h2 {
    font-size: 1.8rem;
	color: #cdcfd2;
}
footer h2 a {
	color: #cdcfd2;
}
footer h2 a:hover {
    color: var(--primary-color);
}
.footertop { border-bottom:1px solid #525962; padding-bottom:35px; }
.footertop .col-md-4:first-child p { font-size:14px; line-height:1.25; margin:0; }
.footertop .col-md-4:first-child p strong { display:inline-block; min-width:50px; padding-top:3px; }
.footertop ul { list-style:none; margin:0; padding:0; }
.footertop ul li { display:inline-block; margin-right:15px; }
.footertop ul li a { background:#fff no-repeat 50% 50%; background-size:25px; border-radius:50%; color:var(--primary-color); display:inline-block; height:40px; padding:10px; text-align:center; text-indent:-9999px; width:40px; }
.footertop ul li.facebook a { background-image: url(./images/icon-facebook.png); background-size:15px; }
.footertop ul li.twitter a { background-image: url(./images/icon-twitter.png); }
.footertop ul li.instagram a { background-image: url(./images/icon-instagram-35x35.png); }
.footertop ul li a:hover { background-color:#54c5d0; }
.footerbtm { background-color: var(--primary-color); padding: 15px 0 8px 0; text-align:left; }
.footerbtm h2 { color:#cdcfd2; margin-bottom:20px; text-align:center; }
.footerbtm img { margin:0 17px 10px; vertical-align:middle; }
.social-icons {
    margin-top: 10px;
}
/* Supporters logos */
.supporters-logos li {
    max-width: 80px;
	margin-right: 15px!important;
	height: 65px;
}
.supporters-logos li.half-width {
    max-width: 45px;
}
li.half-bigger {
    max-width: 130px;
}

@media (min-width: 768px) {
	.footerbtm h2 { font-size:25px; }
	.footertop .col-md-4:first-child h2 + p br { display:none; }
}
@media (min-width: 992px) {
	.footertop .col-md-4:first-child h2 + p br { display:inline-block; }
	footer h2 {
		font-size: 2.2rem;
	}
}
@media (min-width: 1200px) {
	footer .form-control { min-width:240px; }
}

#jump-to-category {text-align:center; margin-bottom:25px;}
#jump-to-category div {text-align:center; background:#d0eef3; padding:10px;}
#jump-to-category span{padding-right:20px; font-size:24px; font-weight:bold;}
#jump-to-category select{font-size:24px; max-width:70%;}