/**
Theme Name: Potential
Author: Simon Colmer
Author URI: http://www.wearepotential.org
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: potential
Template: astra
*/
 body {position: relative;
    overflow-x: hidden;}
.elementor a {text-decoration: underline;}
a.elementor-button-link {text-decoration: none;}

#x .shapes-overlay {
    position: absolute;
    z-index: -1;
    line-height: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    _border-color: #000000 #000000 #e22e67 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
[hidden], template {
    display: none;
}
.angle-1 {top: 136px; left: 20px;}
.angle-2 {top: 80px; right: 0px;}
.angle-3 {top: 225px; left: 240px; }
.angle-4 {top: 345px; right: 0px;}
.angle-5 {top: 580px; left: 80px;}
.angle-6 {top: 196px; right: 0px;}
.angle-7 {/*top: 402px; left: 100px;*/top: 520px; left: 100px;}
.angle-8 {top: 375px; right: 0px;}
.angle-9 {top: 160px; left: 180px;}
.angle-10 {top: 620px; right: -70px;}
.angle-11 {top: 20px; left: 80px;}
.angle-12 {top: 520px; right: 0px;}
.angle-13 {top: 389px; left: 100px;}

h1.elementor-heading-title {
    color: #3a3a3a!important;
}
.entry-content h2.elementor-heading-title.elementor-size-default {}
.entry-content h2.elementor-heading-title.elementor-size-default{
  font-family: "Roboto", Sans-serif!important;font-size:2rem!important;padding-bottom:1rem!important;
  position: relative;
  display: inline-block;
  left: 50%;
  transform: translate(-50%);
  text-align: center;
}
.entry-content h2.elementor-heading-title.elementor-size-default:before, .entry-content h2.elementor-heading-title.elementor-size-default:after{
    content: '';
    position: absolute;
    top: 35%;
    border-bottom: 2px solid #e22e66;
    width: 200px;
    margin: 0 20px;
}
.entry-content h2.elementor-heading-title.elementor-size-default:before{
    right: 100%;
}
.entry-content h2.elementor-heading-title.elementor-size-default:after{
    left: 100%;
}

.entry-content .no-border h2.elementor-heading-title.elementor-size-default {border:0!important;}
.ast-single-post .entry-title, .page-title {font-size: 36px;
    font-size: 2rem; text-align: center;}
.ast-single-post .entry-meta {
    text-align: center;
}
h3.elementor-heading-title.elementor-size-default:after {
    display: block;
    margin: 20px 0 0 20px;
    height: 3px;
    content: " ";
    text-shadow: none;
    background-color: #e22e66;
    width: 140px;
}


.eael-fancy-text-strings, strong, b {letter-spacing:1px;}
.eael-fancy-text-container {
    font-family: "Alfa Slab One", Sans-serif;
}
strong, b {
	padding:3px;
	/*background-color:#e22e66;*/
	color:#e22e66;
	/*font-family: "Alfa Slab One", Sans-serif;*/
}

/* Accessibility */
body .accessability_container button.close_container {background: #C81426 !important;}
body .accessability_container * {background: transparent!important;}

.sub-head .elementor-heading-title, .single-case-studies .entry-content h2.elementor-heading-title.elementor-size-default {font-family: "Roboto", Sans-serif;font-size:32px;}
.sub-head-no .elementor-heading-title{font-family: "Alfa Slab One", Sans-serif;font-size:24px;color:#e22e66!important;}
.sub-head-no-white .elementor-heading-title{font-family: "Alfa Slab One", Sans-serif;font-size:24px;color:#fff!important;}
.sub-head-no.elementor-widget,.sub-head-no-white.elementor-widget {margin-bottom:0;}

.promo-white figure.effect-sarah h2::after {background: #3a3a3a;}

.elementor-button-text{ font-family: "Alfa Slab One", Sans-serif;
}

.elementor-widget-heading.elementor-widget-heading .elementor-heading-title {
    color: #3a3a3a;
}

.site-content li {
    /*font-size: 0.9rem;*/
}
.main-header-bar {
    line-height: 1;
    background:transparent;
    padding:0 0 1em 0;
   }
#masthead .ast-container{
    padding-left:0;
}

.myfixed .main-header-menu li:not(:last-child) {
    border-right: 1px solid #3a3a3a;
}
.main-header-menu li:not(:last-child) {
    border-right: 1px solid #e22e66;
}

.myfixed .main-header-menu li a, .toggle-on .main-header-menu li a  {
    color: #3a3a3a;
}
.main-header-menu li a {font-family: "Roboto", Sans-serif;font-weight: 400;
    text-transform: lowercase;font-size: 18px; }

.ast-button-wrap .menu-toggle.main-header-menu-toggle .mobile-menu {
	font-family: "Alfa Slab One", Sans-serif;font-weight: 400;
    text-transform: lowercase;font-size: 24px; color:#3a3a3a;
}

.ast-button-wrap .menu-toggle.main-header-menu-toggle {
	background:#fff;
	border:1px solid #e22e66;
}

/*Home */

.home-what .elementor-widget-heading.elementor-widget-heading .elementor-heading-title {
    background: white;
    text-align: center;
    padding: 10px;
    font-family: "Alfa Slab One", serif;
}

figure.effect-oscar figcaption {background:transparent!important;}
figure.effect-oscar {background-color: #c90726!important;background:transparent;}
.eael-fancy-text-prefix, .eael-fancy-text-strings, .eael-fancy-text-suffix {font-size:1.77rem;}

/* Team pages */
.eael-team-item h3.eael-team-member-name {font-family: "Roboto", Sans-serif;}
.eael-team-item h4.eael-team-member-position {font-family: "Roboto", Sans-serif;}

/* What we do */
.eael-interactive-promo figure figcaption p {line-height: 1.3;
    text-transform: none;
    font-size: 1.2rem;}

.eael-interactive-promo figure.effect-sarah figcaption p {padding:0.2rem;}

/* Work */
.eael-grid-post-excerpt p {font-size:18px;}

/* Case studies */

span.eael-testimonial-quote {display:none;}
.eael-grid-post-holder {border:0;}
.entry-content h2 a.eael-grid-post-link {font-family: "Roboto", Sans-serif;
    font-size: 28px;text-decoration: none;}
.entry-content h2 a.eael-grid-post-link:hover {text-decoration: underline;}

.header-portfolio h1 {
    color: #fff;
    font-size: 40px;
    line-height: 150%;
}

.header-portfolio h2 {
    color: #fff;
    font-size: 25px;
    line-height: 150%;
}

.section-portfolio-light h2 {
    color: #3a3a3a;
    font-size: 40px;
    line-height: 150%;
}

.section-portfolio-dark h2 {
    color: #fff;
    font-size: 40px;
    line-height: 150%;
}

.section-portfolio-dark h3 {
    color: #fff;
    font-size: 30px;
    line-height: 120%;
}

.section-portfolio-light h4 {
    color: #e22e66;
    font-weight: 600;
	font-size: 15px;
    letter-spacing: 5px;
    margin-bottom: 0px;
	text-transform: uppercase;
}

.section-portfolio-dark h4 {
    color: #FFF;
    font-size: 20px;
    letter-spacing: 5px;
	margin-bottom: 5px;
}

.section-portfolio-light h5 {
    color: #3a3a3a;
	font-size: 30px;
	font-weight: 600;
    line-height: 150%;
	padding-bottom: 20px;
}

.section-portfolio-dark h5 {
    color: #fff;
    font-size: 18px;
	font-weight: 600;
    line-height: 200%;
	padding-bottom: 20px;
}

.section-portfolio-light h5 a {
    color: #3a3a3a;
	font-size: 25px;
	font-weight: 600;
    line-height: 150%;
	padding-bottom: 20px;
}

.section-portfolio-light p {
    color: #3a3a3a;
    font-size: 20px;
	font-weight: 400;
    line-height: 200%;
}

.section-portfolio-dark p {
    color: #fff;
    font-size: 20px;
    line-height: 200%;
    font-weight: 400;
}

.section-portfolio-light a {
    color: #3a3a3a;
    font-size: 30px;
    font-weight: 800;
	line-height: 150%;
    text-decoration: underline;
}

.section-portfolio-light a:hover {
    color: #e22e66;
}

.section-portfolio-dark a {
    color: #fff;
    font-size: 30px;
    font-weight: 800;
	line-height: 150%;
	text-decoration: underline;
}

.section-portfolio-dark a:hover {
    color: #3a3a3a;
}

.section-portfolio-light b {
    background-color: #3a3a3a;
	color: #fff;
	font-size: 20px;
    font-weight: 500;
    letter-spacing: 0px;
    white-space: pre-wrap;
}

.section-portfolio-dark b {
    background-color: #fff;
	color: #3a3a3a;
	font-size: 20px;
    font-weight: 500;
    letter-spacing: 0px;
    white-space: pre-wrap;
}

/*Browser mock up from https://codepen.io/adrienjarthon/pen/ogjjoj*/

.browser-mockup {
  border-top: 2em solid rgba(230, 230, 230, 0.7);
  box-shadow: 0 0.1em 1em 0 rgba(0, 0, 0, 0.4);
  position: relative;
  border-radius: 3px 3px 0 0
}

.browser-mockup:before {
  display: block;
  position: absolute;
  content: '';
  top: -1.25em;
  left: 1em;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background-color: #f44;
  box-shadow: 0 0 0 2px #f44, 1.5em 0 0 2px #9b3, 3em 0 0 2px #fb5;
}
    
.browser-mockup.with-tab:after {
  display: block;
  position: absolute;
  content: '';
  top: -2em;
  left: 5.5em;
  width: 20%;
  height: 0em;
  border-bottom: 2em solid white;
  border-left: 0.8em solid transparent;
  border-right: 0.8em solid transparent;
}

.browser-mockup.with-url:after {
  display: block;
  position: absolute;
  content: '';
  top: -1.6em;
  left: 5.5em;
  width: calc(100% - 6em);
  height: 1.2em;
  border-radius: 2px;
  background-color: white;
}

.browser-mockup > * {
  display: block;
}

/* Contact */
.elementor-button.elementor-size-lg.wpcf7-submit {    color: #ffffff;
    background-color: #e22e66;
    border-radius: 0px;
  font-family: "Alfa Slab One", Sans-serif;}
.elementor-button.elementor-size-lg.wpcf7-submit:hover {
    color: #ffffff;
    background-color: #565656;
}

/* Footer */
.ast-small-footer-wrap {
    border-top: 1px solid #e22e66;
    padding-top: 1em;
}
.ast-small-footer-wrap .ast-flex {
    -webkit-align-items: flex-start;
    -moz-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}

.ast-footer-overlay {background-color:#fff;color:#3a3a3a;font-size: 0.8em;}
.site-footer a {color:#e22e66;}
.site-footer a:focus, .site-footer a:hover {
    color: #e22e66;text-decoration:underline;
}

/*Responsive */
@media (max-width: 544px) {
    .site-header .site-logo-img .custom-logo-link img {
        width: 80px;
    }
}
@media (max-width: 768px) {

}
@media screen and (min-width: 769px) {
      .site-header .site-logo-img .custom-logo-link img {
    width: 100px;
    }
    .site-footer .ast-container {
    max-width: 100%;
    }
	.ast-footer-overlay {
    	padding-top: 0;
    	padding-bottom: 1rem;
	}
}


@media screen and (max-width: 991px) {
    .elementor-top-section.elementor-section-height-min-height {
        /*margin-top:-169px!important;*/
    }
    #x .shapes-overlay {display:none!important;}
}

/* Cookie banner */
#cookie-notice {

}
.cookie-section {
    text-align: left;
}
.cookie-section h5 {
  color:#fff;
}
.cookie-notice-container .elementor-button {
    color: #e22e66;
    background-color: #ffffff;
    border-radius: 0px 0px 0px 0px;
}
.cookie-notice-container .elementor-button:hover {
    color: #ffffff;
    background-color: #565656;
}

ul.dspace li:before {
    content: url(https://www.wearepotential.org/wp-content/uploads/2019/07/bullet50.png);
        position: absolute;
        left: -1em; /* same as ul padding-left */
        top:  -0.4em; /* depends on character, maybe use padding-top instead */
}
ul.dspace { 
  list-style: none;
    margin: 0 0 1em 0;
    padding: 0 0 0 1em; /* make space for li's :before */
}

.dspace li {
    position: relative;
    padding-left: 1em;
    height: 50px;
    line-height: 1em;
}

.pink-box.elementor-widget-heading.elementor-widget-heading .elementor-heading-title {color:#fff;}

.yellow-box {
    transition: margin-top 0.3s ease,
    margin-left 0.3s ease,
    box-shadow 0.3s ease;
    padding:20px;
    background:#F8BC12;
    box-shadow: 1px 0px 0px #DFA602,0px 1px 0px #DFA602,
    2px 1px 0px #DFA602,1px 2px 0px #DFA602,
    3px 2px 0px #DFA602,2px 3px 0px #DFA602,
    4px 3px 0px #DFA602,3px 4px 0px #DFA602,
    5px 4px 0px #DFA602,4px 5px 0px #DFA602,
    6px 5px 0px #DFA602,5px 6px 0px #DFA602,
    7px 6px 0px #DFA602,6px 7px 0px #DFA602,
    8px 7px 0px #DFA602,7px 8px 0px #DFA602,
    9px 8px 0px #DFA602,8px 9px 0px #DFA602,
    10px 9px 0px #DFA602,9px 10px 0px #DFA602,
    11px 10px 0px #DFA602,10px 11px 0px #DFA602,
    12px 11px 0px #DFA602,11px 12px 0px #DFA602,
    13px 12px 0px #DFA602,12px 13px 0px #DFA602,
    14px 13px 0px #DFA602,13px 14px 0px #DFA602,
    15px 14px 0px #DFA602,14px 15px 0px #DFA602,
    16px 15px 0px #DFA602,15px 16px 0px #DFA602,
    17px 16px 0px #DFA602,16px 17px 0px #DFA602,
    18px 17px 0px #DFA602,17px 18px 0px #DFA602,
    19px 18px 0px #DFA602,18px 19px 0px #DFA602,
    20px 19px 0px #DFA602,19px 20px 0px #DFA602,
    21px 20px 0px #DFA602,20px 21px 0px #DFA602,
    22px 21px 0px #DFA602,21px 22px 0px #DFA602,
    23px 22px 0px #DFA602,22px 23px 0px #DFA602,
    24px 23px 0px #DFA602,23px 24px 0px #DFA602,
    25px 24px 0px #DFA602,24px 25px 0px #DFA602,
    26px 25px 0px #DFA602,25px 26px 0px #DFA602,
    27px 26px 0px #DFA602,26px 27px 0px #DFA602,
    28px 27px 0px #DFA602,27px 28px 0px #DFA602,
    29px 28px 0px #DFA602,28px 29px 0px #DFA602,
    30px 29px 0px #DFA602,29px 30px 0px #DFA602,
    31px 30px 0px #DFA602,30px 31px 0px #DFA602,
    32px 31px 0px #DFA602,31px 32px 0px #DFA602,
    33px 32px 0px #DFA602,32px 33px 0px #DFA602,
    34px 33px 0px #DFA602,33px 34px 0px #DFA602,
    35px 34px 0px #DFA602,34px 35px 0px #DFA602,
    36px 35px 0px #DFA602,35px 36px 0px #DFA602,
    37px 36px 0px #DFA602,36px 37px 0px #DFA602,
    38px 37px 0px #DFA602,37px 38px 0px #DFA602,
    39px 38px 0px #DFA602,38px 39px 0px #DFA602,
    40px 39px 0px #DFA602,39px 40px 0px #DFA602,
    41px 40px 0px #DFA602,40px 41px 0px #DFA602;
}
.pink-box {
    transition: margin-top 0.3s ease,
    margin-left 0.3s ease,
    box-shadow 0.3s ease;
    padding:20px;
    background:#c12f64;

    /*border: solid 1px #1976D2;*/

    box-shadow: 1px 0px 0px #a71250,0px 1px 0px #a71250,
    2px 1px 0px #a71250,1px 2px 0px #a71250,
    3px 2px 0px #a71250,2px 3px 0px #a71250,
    4px 3px 0px #a71250,3px 4px 0px #a71250,
    5px 4px 0px #a71250,4px 5px 0px #a71250,
    6px 5px 0px #a71250,5px 6px 0px #a71250,
    7px 6px 0px #a71250,6px 7px 0px #a71250,
    8px 7px 0px #a71250,7px 8px 0px #a71250,
    9px 8px 0px #a71250,8px 9px 0px #a71250,
    10px 9px 0px #a71250,9px 10px 0px #a71250,
    11px 10px 0px #a71250,10px 11px 0px #a71250,
    12px 11px 0px #a71250,11px 12px 0px #a71250,
    13px 12px 0px #a71250,12px 13px 0px #a71250,
    14px 13px 0px #a71250,13px 14px 0px #a71250,
    15px 14px 0px #a71250,14px 15px 0px #a71250,
    16px 15px 0px #a71250,15px 16px 0px #a71250,
    17px 16px 0px #a71250,16px 17px 0px #a71250,
    18px 17px 0px #a71250,17px 18px 0px #a71250,
    19px 18px 0px #a71250,18px 19px 0px #a71250,
    20px 19px 0px #a71250,19px 20px 0px #a71250,
    21px 20px 0px #a71250,20px 21px 0px #a71250,
    22px 21px 0px #a71250,21px 22px 0px #a71250,
    23px 22px 0px #a71250,22px 23px 0px #a71250,
    24px 23px 0px #a71250,23px 24px 0px #a71250,
    25px 24px 0px #a71250,24px 25px 0px #a71250,
    26px 25px 0px #a71250,25px 26px 0px #a71250,
    27px 26px 0px #a71250,26px 27px 0px #a71250,
    28px 27px 0px #a71250,27px 28px 0px #a71250,
    29px 28px 0px #a71250,28px 29px 0px #a71250,
    30px 29px 0px #a71250,29px 30px 0px #a71250,
    31px 30px 0px #a71250,30px 31px 0px #a71250,
    32px 31px 0px #a71250,31px 32px 0px #a71250,
    33px 32px 0px #a71250,32px 33px 0px #a71250,
    34px 33px 0px #a71250,33px 34px 0px #a71250,
    35px 34px 0px #a71250,34px 35px 0px #a71250,
    36px 35px 0px #a71250,35px 36px 0px #a71250,
    37px 36px 0px #a71250,36px 37px 0px #a71250,
    38px 37px 0px #a71250,37px 38px 0px #a71250,
    39px 38px 0px #a71250,38px 39px 0px #a71250,
    40px 39px 0px #a71250,39px 40px 0px #a71250,
    41px 40px 0px #a71250,40px 41px 0px #a71250;
}

/* Correct height on the shortest box */
.elementor-element.elementor-element-0533cf7.pink-box.elementor-widget.elementor-widget-heading {
    height: 100%;
  }
/* Elementor backend fixes */
/* places column and section inside the box */
/*.elementor-editor-active .elementor.elementor-edit-mode .elementor-editor-column-settings {
    bottom: 70%;
}*/

/* changes the font size */
/*.elementor-editor-active .elementor.elementor-edit-mode .elementor-editor-element-settings .elementor-editor-element-setting > a {
    font-size: 14px;
}*/

/* changes the background color */
/*.elementor-editor-active .elementor.elementor-edit-mode .elementor-editor-element-settings .elementor-editor-element-setting {
    background-color: #1e73be;
}*/