/*
Theme Name: Level3
All styles below are potential overrides for the central theme stylesheet located at https://updatesfrom.co/library/css/central-theme-style.css
*/

body {
	background-color: #cccccc;
}

.container {
	max-width: 750px; /* Typically same as the width of the header image */
	border-radius: 0; /* If rounded corners not desired for page, change to 0 */
	background-color: #ffffff; /* Default in central theme stylesheet is #878787, often should be changed to white */
	margin-top:0px;
}

/*If borders are required around the page, uncomment and adjust the following border colors/widths for the wrapper div.
#wrapper {
	border-left: 3px solid #8b97a6;
	border-right: 3px solid #8b97a6;
	border-bottom: 3px solid #8b97a6;
	border-radius: 0 0 10px 10px;
	background-color: #fff;
} */

a.button {
	text-transform: uppercase;
	font-style: italic; 
	font: 12px/12px white;
	text-decoration: none;
	font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    -webkit-appearance: none;
    transition: all 0.25s ease-out;
    vertical-align: middle;
    border: none;
    border-radius: 0;
    padding: 0.85em 1em;
    margin: 0 1rem 1rem 0;
    background: #2199e8;
	min-width: 180px;
	height:34px;
}
a.button:link, a.button:visited {
	color: #ffffff;
}
.button:after{
    content:url(https://level3.updatesfrom.co/wp-content/uploads/sites/69/2017/09/tail.png);
    display:block;
    position:relative;
    bottom: -11px;
    right: -12px;
    text-align: right;
}

a:link, a:visited {
	color: #00864c;
}
a sup {
	display: inline-block;
    border-bottom: 1px solid #2A5DB0;
    line-height: inherit;
}
a:hover sup {
    border-bottom: none;
}
a.blue-button {
	background-color: #3EA1DA!important;
}

a.button {
	color:white;
}

a.navLink {
	text-decoration:none;
	font-size:12px;
	font-family: Helvetica, Helvetica-Neue, sans-serif;
	}
a.navLink:link, a.navLink:visited {
	color: #ffffff;
}
a.navLink:active {
	color: #f0f0f0;
}

/*If the text address should be below the client logo, uncomment and use the following */
.footer-address {
	padding-top: .5em;
	clear: both;
}

/* Form button colors, override Foundation's color; also applied to Contact Form 7 button */
input.button, input.wpcf7-form-control.wpcf7-submit {
	background: #D72731;
}
input.button:hover, input.wpcf7-form-control.wpcf7-submit:hover {
	background: #ac1c23;
}

/* 20150316 Changing the defaults  **/
hr {
	 margin:5px 0 10px 0;
}
/* li { Instead of this, use the .no-margin class on any <ul> or <ol> where you DON'T want margins.
	margin-bottom: 0;
} */

/* By default, DON'T put borders on article images. Central theme stylesheet has .border class for images where you do want to add a border. */
.content img {
	border: 0 !important;
	outline: 0 !important;
}

/*Swap Images*/
.swap-image-collage {
   width: 600px;
   height: 926px;
   background-image: url(https://level3.updatesfrom.co/wp-content/uploads/sites/69/2015/08/level3-collage.jpg);
}
.swap-image-collage:hover {
background-image:url(https://level3.updatesfrom.co/wp-content/uploads/sites/69/2015/08/level3-collage2b.jpg);
}

h2 {
	font-size:1.5em;
	color:#007a33;
}
h3 {
	font-size: 1.25em;
	color:#007a33;
	margin-top:0.5em;
}
	
table.datatable p {
		margin-bottom:0px;
}

.sidebar-right {
    color:white;
    border: 1px solid #0a448e;
    background: #323e4f;
}
.sidebar-right h2, .sidebar-right a{
    color:white;
}

.sidebar-right .wp-caption {
	background: inherit;
}

.section a:link, .section a:visited {
	color: #ffffff;
}

ul ul, ul ol, ol ul, ol ol {
	margin-top:0;
	list-style-type:circle;
}

.event {
  padding: 0 0 10px 0;
  display: table;
	width:100%;
}

.event.featured-event {
	border: 5px solid #213164;
  margin: 1em 0;
  padding: 1em;
}

.event-date {
  width: 6rem;
  margin: 0 auto 1rem;
  display: table-cell;
  width: 115px; }
  .event-date .event-month {
    margin: 0;
    background: #213164;
		color:white;
    padding: 0.5rem 2rem;
    text-align: center; }
  .event-date .event-day {
    margin: 0;
    border: 1px solid #ccc;
		background: #fff;
    padding: 0 0.75rem;
    text-align: center;
    font-size: 2rem; }

.event-desc {
  padding: 0 0 0 1rem;
  text-align: left;
  display: table-cell;
  vertical-align: top; }
  .event-desc .event-desc-header {
    margin: 0 0 0.5rem 0;
    padding: 0; }
  .event-desc .event-desc-detail {
    margin: 0 0 0.25rem;
    padding: 0; }
  .event-desc .event-desc-time {
    font-weight: bold; }
  .event-desc .rsvp.button {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 0;
		float:right;
		color:white;
		text-decoration:none;}
		
blockquote, blockquote p {color:#777777; padding-top:0px; font-weight:bold;border-left-width:3px;}

div.cta {border:1px solid #eff1f2; border-left:5px solid #3ea1da; background-color:#eff1f2;}

.l3-row {background: #e5e8e9; margin-bottom: 1em; padding: 1em;}

 p[class*="Feb"],  p[class*="Apr"],  p[class*="Jun"], p[class*="Aug"], p[class*="Oct"], p[class*="Dec"] {background:#0063be!important;}

div.promo.row {background: #e5e8e9; margin-bottom: 1em; padding: 1em; margin-left: 0px; max-width: 100%;}
.promo p:last-child {margin-bottom:0px;}

.image-wrapper {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.04);
  overflow: hidden;
  position: relative;
  text-align: center;
  border-radius: 4px; }

.image-overlay-content {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0; }

.overlay-fade-in p {
  letter-spacing: 0.15em;
  color: #f4f4f4;
  font-size: 28px;
  opacity: 0;
  transition: all 0.2s linear; }
.overlay-fade-in img {
  transition: all 0.2s linear; }
.overlay-fade-in .image-overlay-content {
  opacity: 0;
  background-color: rgba(62, 161, 218, 0.6);
  transition: all 0.4s ease-in-out; }
.overlay-fade-in h2 {
  color: #f2f2f2;
  font-size: 1.8rem;
  margin-top: 50%;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  background: #1d2b59; }
.overlay-fade-in .button {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  background: #ffffff;
  color: #2A5DB0;
  box-shadow: 0 0 1px #000;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border: 1px solid #999;
  opacity: 0;
  transition: all 0.2s ease-in-out; }
  .overlay-fade-in .button:hover {
    box-shadow: 0 0 5px #000; }
.overlay-fade-in:hover img {
  transform: scale(1.2); }
.overlay-fade-in:hover .image-overlay-content {
  opacity: 1; }
.overlay-fade-in:hover h2, .overlay-fade-in p, .overlay-fade-in .button {
  opacity: 1; }
.overlay-fade-in:hover p {
  transition-delay: 0.1s; }
.overlay-fade-in:hover .button {
  transition-delay: 0.2s; }
.image-overlay-content a.button {
	margin-right:0px;}
	
	a.no-button, .no-button span {background-color:#ffffff!important; border-color:#ffffff!important; border-width: 0px!important;}
	
ul.checkbox li {
	list-style:none;}	
ul.checkbox li:before {    
	font-family: 'FontAwesome';
	content: '\f046';
	margin:0 5px 0 -15px;
	color: #447dbc;
}

#lp-form-wrapper {background: url('/wp-content/themes/Level3/images/guillotine.png') no-repeat; background-size: cover; color:white; float: left; margin-top: 4px; padding:10px; min-height: 415px;}
.a2a-square-buttons .a2a_svg, .a2a_count { border-radius: 0 !important; }
#a2a_centered_buttons {display: flex; justify-content: center;}
#a2a_alignright_buttons {display: flex; justify-content: right;}
@media only screen and (min-width: 769px) {
	img#lp-logo {margin-right: 90px!important;}
	.lp-image-185 {margin-top: -185px;}
	.lp-image {margin-top: -170px;}
	.lp-image2 {margin-top: -160px;}
	.lp-image3 {margin-top: -150px;}
	.lp-image4 {margin-top: -140px;}
	.lp-image-5 {margin-top: -130px;}
	.lp-header {max-width:585px;}
	
	/* LP: default*/
	body[class*="landing-page"] h1.lp-header {margin-left: 267px; text-align:left; }
	
	/* LP: can-you-afford-downtime-this-holiday-season */
	body.landing-page-2665 h1.lp-header {margin-left: 225px; text-align:left; }
	
	/* LP: are-you-ready-for-omnichannel-retail */
	body.landing-page-2703 h1.lp-header {margin-left: 227px; text-align:left; }
	
	/* LP: will-your-holiday-season-be-safe-from-cyber-attacks */
	body.landing-page-2961 h1.lp-header {margin-left: 328px; text-align:left; font-size: 18px!important; }
	
		/* LP: will-your-cnp-channels-be-safe-from-cyber-attacks */
	body.landing-page-3443 h1.lp-header {margin-left: 327px; text-align:left; }
	
		/* LP: read-our-digital-trends-infographic */
	body.landing-page-4242 h1.lp-header {margin-left: 267px; text-align:left; }
	
	/* LP: cloud-network-strategies-whitepaper */
	body.landing-page-4261 h1.lp-header {margin-left: 267px; text-align:left; }
	
	/* LP: download-our-never-too-small-for-a-cyberattack-whitepaper */
	body.landing-page-4269 h1.lp-header {margin-left: 267px; text-align:left; }
	
	/* LP: centurylink-presents-an-evening-with-the-retail-prophet */
	body.landing-page-5231 h1.lp-header {margin-left: 311px; text-align:left; }
	 
	
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
	#vert-center2 {height:0px!important;}
}

@media only screen and (max-width: 480px) {
	.a2a_floating_style {display:none;}
	#lp-form-wrapper {width: 100%;}
	#vert-center2 {height:0px!important;}
}
.lp-form-table tr {background-color:transparent!important;}
.lp-form-table td {padding:0; color: #ffffff; }
.lp-form-table input[type=text] {padding:3px 5px; margin: 0 0 5px 0;}
input#lp-button {background: url('https://level3.updatesfrom.co/wp-content/uploads/sites/69/2016/08/download.png') no-repeat;  background-size:contain; width:140px; height: 39px; margin-left: 20px;}
#lp-button2 {background: #FFA02F; box-shadow: 2px 2px #000; padding: 10px 30px; margin-left:22px; }
input#lp-button3 { background: #0063be; padding:5px 20px;}

body[class*="landing-page"] div.wpcf7-mail-sent-ok {background:#213164;}

div.blue-container:before {background:#213164; width:230%; left: -230%;}

.animateBorder {
margin:2em 0 !important;
  outline: 10px dashed #17224D;
  box-shadow: 0 0 0 10px #3982B3;
  animation: 1s animateBorder ease infinite;
}

@keyframes animateBorder {
  to {
    outline-color: #3982B3;
    box-shadow: 0 0 0 10px #17224D;
  }
}

div.news {
	background: #e5e8e9 url(/wp-content/uploads/sites/69/2015/08/newspapers.png) repeat-y right center;
	margin-bottom: 1em;
	padding: 1em 1em 1em 1em;
}
div.news li:last-child, div.news.row p:last-child, div.news.row ul:last-child, div.news.row ol:last-child {
	margin-bottom: 0em;
}

div.product {transition: all 0.2s ease-in-out; background-size: cover!important;}
.product a { color: #ffffff; text-align:center; font-size: 1.5em; line-height: 1.5em; text-shadow:2px 2px #000; text-decoration:none; margin:10px;}
div.product-outer { height: 211px; background-color: rgba(33,49,100,0.65);}
div.product-inner { position: relative; top: 50%; transform: translateY(-50%); text-align: center; }
[class*="su-column"] + [class*="product"]:last-child { float: left!important; }
.product:hover { transform: scale(1.05); }
.product-outer:hover { background-color: rgba(33,49,100,0.35); }

a.promo-button { position: relative; top: 50%; transform: translateY(-50%); text-align: center; color:#fff; background-color: #000; text-transform: uppercase;
	text-decoration: none;
	font-style: italic; 
	font: 12px/12px white;
	font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; padding:10px;}
a.promo-button:visited { color: #ffffff; }