/*
 Theme Name:   GeneratePress Child
 Template:     generatepress
 */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
* {
	font-family: "Montserrat", sans-serif;
}

body {
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
	background-color: white;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


.e4swrappurple {
	width 100%; min-height: 380px; padding:60px 40px; 
	
	/*background-image: radial-gradient(circle at 24% 80%, hsla(317,0%,96%,0.05) 0%, hsla(317,0%,96%,0.05) 27%,transparent 27%, transparent 63%,transparent 63%, transparent 100%),radial-gradient(circle at 23% 5%, hsla(317,0%,96%,0.05) 0%, hsla(317,0%,96%,0.05) 26%,transparent 26%, transparent 82%,transparent 82%, transparent 100%),radial-gradient(circle at 21% 11%, hsla(317,0%,96%,0.05) 0%, hsla(317,0%,96%,0.05) 35%,transparent 35%, transparent 45%,transparent 45%, transparent 100%),radial-gradient(circle at 10% 11%, hsla(317,0%,96%,0.05) 0%, hsla(317,0%,96%,0.05) 21%,transparent 21%, transparent 81%,transparent 81%, transparent 100%),radial-gradient(circle at 19% 61%, hsla(317,0%,96%,0.05) 0%, hsla(317,0%,96%,0.05) 20%,transparent 20%, transparent 61%,transparent 61%, transparent 100%),radial-gradient(circle at 30% 93%, hsla(317,0%,96%,0.05) 0%, hsla(317,0%,96%,0.05) 33%,transparent 33%, transparent 82%,transparent 82%, transparent 100%),linear-gradient(90deg, rgb(29, 15, 57),rgb(57, 34, 103));*/
	
	background-image: radial-gradient(circle at 24% 80%, hsla(317,0%,96%,0.05) 0%, hsla(317,0%,96%,0.05) 27%,transparent 27%, transparent 63%,transparent 63%, transparent 100%),radial-gradient(circle at 23% 5%, hsla(317,0%,96%,0.05) 0%, hsla(317,0%,96%,0.05) 26%,transparent 26%, transparent 82%,transparent 82%, transparent 100%),radial-gradient(circle at 21% 11%, hsla(317,0%,96%,0.05) 0%, hsla(317,0%,96%,0.05) 35%,transparent 35%, transparent 45%,transparent 45%, transparent 100%),radial-gradient(circle at 10% 11%, hsla(317,0%,96%,0.05) 0%, hsla(317,0%,96%,0.05) 21%,transparent 21%, transparent 81%,transparent 81%, transparent 100%),radial-gradient(circle at 19% 61%, hsla(317,0%,96%,0.05) 0%, hsla(317,0%,96%,0.05) 20%,transparent 20%, transparent 61%,transparent 61%, transparent 100%),radial-gradient(circle at 30% 93%, hsla(317,0%,96%,0.05) 0%, hsla(317,0%,96%,0.05) 33%,transparent 33%, transparent 82%,transparent 82%, transparent 100%),linear-gradient(90deg, rgb(20, 38, 94),rgb(32,61, 135));
	/*rgb(14, 40, 102),rgb(32,61, 135)*/
	
	border-bottom-left-radius: 70px; margin:0px 6px;
}

.e4swrappurple h1 {
	font-size: 1.5em;
	font-family: "Montserrat", sans-serif;
	margin-bottom: 0px;
	font-weight: 500;
	color:#eee300;
}
.e4swrappurple h2 {
	font-size: 1.2em;
}

.e4scontainer {
max-width:1200px; margin:0px auto; 
}


#e4sBanner {
	width:100%;
margin:0px 6px; 
padding: 6px 12px;
	background-color: rgba(238, 227, 0, 0.3);
}

#e4sBanner #e4smsg {
max-width:1200px; margin:0px auto; 
	text-align: center;
	color: rgb(32,61, 135);
		text-align: center;
	
}

.e4swrappurple .e4scontainer {
	color: white;
}

.e4swrapwhite {
	padding:40px 46px;
}

.e4swrapwhite .e4scontainer {
	color: #222;
}

.e4swrapgrey {
	background-color: #eee;
	padding:40px 46px;
}

.e4swrapgrey .e4scontainer {
	color: #222;
}


.e4sbtn {
	background-color: rgb(238,227,0); color: rgb(29, 15, 57); padding:8px 18px; text-decoration: none; margin: 6px 20px 6px 0px;
}
.e4sbtn:hover {
background-color: rgb(255,237,10);
}

#menu-main-menu li:last-child a {
	background-color: rgb(238,227,0); color: rgb(29, 15, 57); text-decoration: none; margin: 6px 20px 6px 0px;
}
#menu-main-menu li:last-child a:hover {
background-color: rgba(238,227,0,0.3);
}
#menu-main-menu li:last-child a:hover {
	color: rgb(57, 34, 103);
}

.main-navigation .main-nav ul li a {
	line-height:40px;
}	

.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    color: rgb(57, 34, 103);
}

.main-navigation .main-nav ul li a:hover, .main-navigation .menu-toggle:hover, .main-navigation .menu-bar-items:hover {
    color: rgb(57, 34, 103);
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a:hover {
    color: rgb(57, 34, 103);
	background-color: rgba(238,227,0,0.3);
}



.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a {
	color: rgb(57, 34, 103);
	background-color: rgba(238,227,0,0.3);
}
.e4sflexcards {
  display: flex; 
  justify-content: center;
  flex-wrap: wrap;
}

.e4sCard {
	width: 200px;
	height: 200px;
	margin: 25px;
	padding: 10px;
	background-color: white;
	text-align:center;
	vertical-align: middle;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	line-height: 160px;
	color: #333;
	transition:all 0.8s;
}

.e4sCardInside {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

.e4sCard IMG {
  -webkit-filter: drop-shadow(3px 3px 3px #222);
  filter: drop-shadow(3px 3px 3px #222);
  margin-top:6px;
}



.e4sShadow {
  -webkit-filter: drop-shadow(3px 3px 3px #222);
  filter: drop-shadow(3px 3px 3px #222);
}

.e4sCard:hover {
 -ms-transform: scale(1.2,1.2);
  -webkit-transform: scale(1.2,1.2);
  transform: scale(1.3,1.3);
	background-color: rgb(32,61, 135);
	color: white;
}


.e4squotewrap {
  max-width:1200px; margin:0px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  z-index: 2;
}

.e4squotewrap .e4squote {
  position: relative;
  max-width:1000px; 
  margin:0px auto;
  min-height: 100px;
  overflow: hidden;
  transition: all 0.5s ease-in;
  z-index: 2;
  box-sizing: border-box;
  padding: 30px 56px 30px 70px;
	font-style: italic;
	font-size: 1.17em;
  /*background: #f2f2f2;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

.e4squotewrap .e4squote::before {
  content: '\201C';
  position: absolute;
  top: -20px;
  left: 0px;
  width: 100%;
  height: 100%;
  font-size: 150px;
  opacity: 0.7;
  background: transparent;
  pointer-events: none;
	font-family: "Montserrat", sans-serif;
}

.e4squotewrap .e4squote::after {
  content: '\201D';
  position: absolute;
  top: -20px;
  right: 20px;
  font-size: 150px;
  opacity: 0.7;
  background: transparent;
  pointer-events: none;
	font-family: "Montserrat", sans-serif;
}

.site-footer {
	width 100%; min-height: 260px; 
	/*background-image: linear-gradient(90deg, rgb(29, 15, 57),rgb(57, 34, 103));*/
	background-image: linear-gradient(90deg, rgb(20, 38, 94),rgb(32,61, 135));
	border-top-left-radius: 70px; 
    margin:0px 6px;
	padding: 20px 20px 0px 20px;
}
.site-footer .footer-widgets-container .inner-padding {
    padding: 0 20px 0 20px;
}
.footer-widgets-container {
    max-width: 1240px !important;
}

.site-footer A {
	color:#eee300;
	text-decoration: none;
}
.site-footer A:hover {
	color:#ffff20;
	text-decoration: underline;
}

.footer-right{
	text-align: right;
}

h3 {
   font-size: 25px;
}

.inside-site-info {
    padding: 0px 40px;
}

.site-info {
       display: none;
     }

.e4simg {
	float: right;
	width: 280px;
}
@media only screen and (max-width: 980px) {
.e4sbtn {
    display: inline-block;
    min-width: 260px;
    text-align: center;
	}
}	

@media only screen and (max-width: 780px) {
.e4swrapgrey {
padding: 40px 10px;
}
.footer-right {
    text-align: left;
}
.e4sbtn {
	display: block;
	text-align: center;
	margin: 10px 0px;
}
.e4simg {
	float: none;
	width: auto;
}	
}	
	
	