.container {
    margin: 0 auto;
    max-width: 1280px;
    width: 90%;
  }
  @media only screen and (min-width: 601px) {
    .container {
      width: 85%;
    }

    
    
  }
  @media only screen and (min-width: 993px) {
    .container {
      width: 90%;
    }
    .module{
      width: 90%
    }
  }



/* correct things that materialize does wrong */
nav, nav ul, nav ul li, 
ul, ul li, ul > li, li, nav li,
ul:not(.browser-default),
ul:not(.browser-default) > li, nav
{
  margin: revert;
  list-style-type: revert;
  padding: revert;
  padding-left: revert;
  
  -webkit-box-shadow: revert;
  box-shadow: revert  ;
  background-color: revert;
  color: revert;
  height: revert;
  line-height: revert;
}

ul.large li{
  margin: 1.3em 0; 
}

a, a:link, a:visited, a:active, nav a {
  color: #8B4799;
}
footer a, footer a:link, footer a:visited{
  color: #fff;
}

footer  nav ul{
  padding: 0 !important;
  margin: 20px 0  !important;
}

footer .s12 nav ul li{
  /* float: none !important */
}

nav.horizontal ul li {
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
  float: left;
  padding: 0;
  list-style-type: none;

}
nav#main-nav ul > li {
  list-style-type: none;
  max-width: 125px;
  line-height: 18px;
  text-align: center;
  padding: .15em;
  font-weight: 500;
  font-size: 10px
}

nav#main-nav ul > li a{
  font-size: 13px;
  line-height: 15px;;
}

ul.sidenav{
  background: #fff;
  list-style: none;
  width: auto;
  padding-left: 0;
  text-align: left;
}

textarea.wpforms-field-medium,
input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea {
  /* background-color: transparent; */
  /* border: none; */
  border: 1px solid #8B4799 !important;
  /* border-radius: 0; */
  /* outline: none; */
  height: 1.5rem !important;
  width: 100%;
  font-size: 16px !important;
  margin: 0 0 8px 0 !important;
  padding: 1.4em !important;
  /* -webkit-box-shadow: none; */
  /* box-shadow: none; */
  /* -webkit-box-sizing: content-box; */
  /* box-sizing: content-box; */
  -webkit-transition: border .3s, -webkit-box-shadow .3s;
  transition: border .3s, -webkit-box-shadow .3s;
  transition: box-shadow .3s, border .3s;
  transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;
  background-color: #fff;
}


textarea.wpforms-field-medium{
  min-height: 50px;
}

div.wpforms-container-full .wpforms-form .wpforms-field {
  padding: revert !important;
  clear: both;
}

.wpforms-submit,
a.btn,
input[type=submit]{
  background:  #8B4799;
  color: #fff;
  border: none;
  padding: 12px;
  font-size: 1.2em;
  font-weight: 500;
  text-transform: uppercase;
  margin: 1em 0;
}
a.btn{
  height: revert;
  line-height: 20px;;
}

strong{
  font-weight: 600;
}

body{
  font-size: 1em;
    background: #fff;
    font-family: 'Syne', sans-serif;
    font-family: 'Quicksand', sans-serif;
}

.border-purple{
    border: 2px solid #8B4799;
    border-radius: 3px;
}
.border-blue{
    border: 2px solid #A2D6E4;
    border-radius: 3px;

}

.bg-purple{
    background-color: rgba(138, 71,152, .6 );
}
.bg-blue{
    background-color: #A2D6E4;
}
.bg-repeat-blue{
  background-image: url("../img/bg-repeat-blue.png");
}
.bg-repeat-purple{
  background-image: url("../img/bg-repeat-purple.png");
}

.blue-text {
  color: #0071BC !important
}

.purple-text{
  color: #8B4799 !important ;
}
.padding-m{
  padding: 1em !important; 
}
.padding-l{
  padding: 2em !important; 
}

h2{
  font-size: 2em;
  margin: .5em 0;
  font-weight: 500;
}

h3{
  font-size: 1.8em;
  margin: .4em 0;
  text-transform: uppercase;

}
h4{
  font-size: 1.2em;
  margin: .3em 0;
  color: #8B4799;
}

.module{
  background: #fff;
  background-image: url("../img/bg-repeat-blue.png");
  border: 2px solid #8B4799;
  border-radius: 3px;
  padding: 1em !important;
  text-align: center;
  color: #000;
  margin: .5em;
  width: 100%;
  min-height: 200px;
}


.module h3{
  color: #8B4799
}
.module h4{
  color: #0071BC
}

.card{
  -webkit-box-shadow: revert;
  box-shadow: revert;
}

i.fas,
i.fab,
i.far {
  color: #8B4799;
  font-size: 25px;
  margin: 10px 50px ;
}

.white-icons i.fas,
.white-icons i.fab,
.white-icons i.far {
  color: #fff;
  font-size: 25px;
  margin: 10px 20px ;
}

.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;

  max-height: 300px !important;
}

:root {
  --swiper-theme-color: #8B4799 !important;
}

.swiper-button-next, .swiper-button-prev {
  position: relative !important;
  top:150px !important;
  width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);}


  .card.horizontal .card-image {
    max-width: 30%;
    margin: 30px 0;
}

form.wpforms-form label{
  /* display: none !important; */
}

input[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
  position: revert;
  opacity: revert !important;
  pointer-events: revert;
}

  ul.collapsible{
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  .collapsible-header{
    color: #8B4799 !important;
  }

/* materialize corrections */

  select {
    display: block !important;
    }

  .select2-search{
    display: none !important;
  }

  /* tutor corrections */

  ul.tutor-dashboard-permalinks{
    list-style: none;
    padding: 0;
  }

  .tutor-login-form-wrap input[type="submit"] {
    background-color: #8B4799 !important;
  }

  .tutor-login-form-wrap input[type="password"], .tutor-login-form-wrap input[type="text"] {
    width: 90% !important;
    text-indent: 1px !important;
}

.tutor-login-wrap {
  
  margin: 30px auto !important;
}