/* 
 * Start Bootstrap - Half Slider (https://startbootstrap.com/template-overviews/half-slider)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-half-slider/blob/master/LICENSE)
 */


/*
 * First Set
 *
 *  #018e8f (teal) 
 *  #66cc33 (green)
 *
 * Second Set
 * 
 *  #0099a8 (teal) 
 *  #7ac143 (green)
 *
 */

.pact {
  background-image: url(../img/FM_Pact_300x600.png);
  background-repeat: no-repeat;
  background-position: 5% 84%;
}

.mediation {
  background-image: url(../img/FM_Mediation_300x600.png);
  background-repeat: no-repeat;
  background-position: 5% 36%;
}

.counseling {
  background-image: url(../img/FM_Counseling_300x600.png);
  background-repeat: no-repeat;
  background-position: 5% 40%;
}

.coparent {
  background-image: url(../img/FM_Coparenting_300x600.png);
  background-repeat: no-repeat;
  background-position: 5% 76%;
}

.twohomes {
  background-image: url(../img/FM_2Homes_300x600.png);
  background-repeat: no-repeat;
  background-position: 5% 65%;
}

.education {
  background-image: url(../img/FM_Sandcastles_300x600.png);
  background-repeat: no-repeat;
  background-position: 5% 42%;
}

.seminarstraining {
  background-image: url(../img/FM_SeminarsTraining_300x600.png);
  background-repeat: no-repeat;
  background-position: 5% 42%;
}

.resources {
  background-image: url(../img/resourcesbottom.jpg);
  background-repeat: no-repeat;
  background-position: 5% 92%;
}

h1 {
  font-size: 1.6rem;
}

h2 {
  font-size: 1.4rem;
}

h3 {
  font-size: 1.2rem;
}

h4 {
  font-size: 1.2rem;
}

h5 {
  font-size: 1.1rem;
}



.education .container h4 {
    font-weight: 600;
    color: #000000;
}

.about .container h3,
.twohomes .container h3,
.coparent .container h3,
.pact .container h3,
.education .container h3 {
    font-weight: bold;
}

.mediation section .container p:last-child {
  margin-bottom: 8%;
}

.counseling section .container p:last-child {
  margin-bottom: 10%;
}

.seminarstraining section .container p:last-child {
  margin-bottom: 10%;
}

.pact .col-right a {
  color: #7ac143;
}

.pact section .container a:hover {
  text-decoration: underline;
}

.resources section .container h4 {
  color: #3DA8E6;
}

.resources section .container h4 a {
  /* color: #C2197E; */
  text-decoration: none;
  font-weight: 600;
}

.resources section .container h4 a:hover {
  text-decoration: underline;
}

.resources .diffsect {
    margin-bottom: 20px;
}

.resources h3 {
  font-size: 1.2rem;
  text-transform: uppercase;
  color: #a0c01b;
  font-weight: bold;
}

.carousel-inner {
  margin: 0 auto;
}

.carousel-item {
  height: auto;
  width: 100%;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}

.carousel-indicators li {
  border-radius: 24px;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  margin-left: 8px;
  background-color: #ffffff;
}

.carousel-indicators .active {
  background-color: #d5b5d5;
}

.navbar {
  padding-top: 0px;
  padding-bottom: 0px;
}

nav .container {
  width: 100%;
  padding: 0px;
  margin: 0px;
}

.navbar-brand {
  width: 33%;
}

.navbar-brand > img {
  width: 100%;
  margin-left: 10px;
}


/* Link */

.nav-link {
  text-transform: uppercase;
  padding-right: 1rem;
  padding-left: 1rem;
  font-size: 1.1em;
  color: #888888;
  cursor: pointer;
}

.nav-link:hover,
.nav-link:focus {
  color: #666666;
}

.custom-toggler.navbar-toggler {
  border-width: 0;
}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(247,145,44, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}


/*
.dropdown-menu {
  background-color: darkgray;
}

.dropdown-menu a {
  color: #FFFFFF;
}
*/

.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown-item:hover {
  color: #ffffff;
}

.navbar-light .navbar-nav .dropdown-menu .nav-link:hover {
  color: rgba(255, 255, 255, 1);
}

.dropdown-menu #pi-1:hover {
  background-color: #0099a8;
}

.dropdown-menu #pi-2:hover {
  background-color: #0099a8
}

.dropdown-menu #pi-3:hover {
  background-color: #0099a8;
}

.dropdown-menu #pi-4:hover {
  background-color: #0099a8;
}

.dropdown-menu #si-1:hover {
  background-color: #0099a8;
}

.dropdown-menu #si-2:hover {
  background-color: #0099a8;
}

.dropdown-menu #si-3:hover {
  background-color: #0099a8;
}

.leftnav {
  list-style: none;
}

.pact .leftnav a {
  color: #7ac143;
}

.leftnav a::before {
  content: "> ";
  font-weight: bolder;
}

.pact .leftnav a::before {
  color: #6ec72d;
}

.services h3 {
    text-transform: uppercase;
}

.italic {
  font-style: italic;
}

.col-right {
  border-left: 2px dotted #009BA2;
}

.contact section .container {
  text-align: left;
}

.contact section .container h4 {
  color: #009BA2;
  font-weight: bolder;
}

.contact section .container span {
  color: #A0C01B;
  font-weight: bolder;
}

.contact section .container a {
  color: #000000;
}

.contact .map {
  width: 600px;
  margin: 0 auto;
}

#contactform input,
#contactform textarea {
  display: block;
  width: 400px;
  margin-top: 10px;
}

#contactform textarea {
  height: 100px;
}

.regform a {
    /* color: #007bff; */
    /*color: #1C9CBE;  teal color */
    color: #7ac143;
    font-weight: 600;
    /* text-decoration: underline; */
}

.section-buttons {
  position: relative;
  width: 75%;
  margin: 0 auto;
}

.section-buttons p {
    text-align: center;
    margin: 0px;
    font-size: 12pt;
    margin-bottom: 10px;
}

.section-buttons p.tagline {
    text-align: center;
    margin: 0px;
    font-size: 15pt;
    color: #7ac143;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.section-buttons p.level {
    margin-top: 12px;
    font-size: 15pt;
    font-weight: 600;
    color: #888888;
    text-transform: uppercase;   
}

.section-buttons p.level span {
    font-size: 12pt;
    font-weight: normal;
    text-transform: lowercase;   
}

.section-buttons ul {
    list-style: none;
    text-align: center;
    padding: 0;
    margin: 0;
}

#homepage .section-buttons .row {
    width: 80%;
    margin: 0 auto;
}

.register .section-buttons p {
    text-align: left;
    margin: 0px;
    font-size: 12pt;
    margin-bottom: 10px;
}

#homepage .register .section-buttons p {
    height: 100%;
    vertical-align: middle;
}

.register .chkbxs div {
    color: #7ac143;
    font-size: 12pt;
    font-weight: 600;
}

p.sscale {
    color: #7ac143;
    font-weight: 600;
}

.register .chkbxs {
    margin-bottom: 20px;
}

.section-buttons .main-button a {
  color: #888888; !important;
  text-decoration: none !important;
}

.section-buttons .main-button a:hover {
  color: #0099a8 !important;
  text-decoration: none !important;
}

.section-buttons h5 {
  margin: 0px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
}

.section-buttons h5.lvl {
  text-decoration: underline;
  margin-bottom: 4px;
}

.section-buttons .c-1,
.section-buttons .c-2,
.section-buttons .c-3,
.section-buttons .c-4 {
  margin: 0 auto;
  width: 90%;
  background-color: #ffffff;

}

.section-buttons .c-2,
.section-buttons .c-3 {
  width: 80%;    
}

.section-buttons .c-4 {
  border: none;
}

/*
#homepage .col-sm {
  border-right: 1px solid #0099a8;   
}
*/

#homepage .last-button {
  border: none;   
}

.fcon {
    margin-top: 30px;
}

.g-recaptcha {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.footer-image {
  padding: 0;
  background: url(../img/FMP_Footer.png) no-repeat center bottom;
  background-size: 100% auto;
  width: 100%;  
  min-height: 256px;
  /* max-height: 278px; */
}

.footercon {
  font-size: 1.2em;
    padding-top: 150px;
}

footer .mt-6 {
  padding-top: 6.9rem !important;
}

.register h2.thankyou, .contact section .container h3.thankyou {
  background-image: url(../img/checkbox.png);
  background-repeat: no-repeat;
  min-height: 80px;
  width: 560px;
  padding-left: 90px;
  padding-top: 26px;
  margin: 0 auto;
  font-size: 1.6rem;
  color: #7ac143;
  margin-bottom: 20px;
}

.g-recaptcha iframe {height: 90px; min-width: 720px; display: block; margin: 0 auto; border: none; text-align: center;}

.demovid {height: 500px; min-width: 720px; display: block; margin: 0 auto; border: none; text-align: center;}

.red {
  color: #f03c42;
}

.teal {
  color: #0099a8;
}

.green {
  color: #7ac143;
}

.orange {
  color: #f7912c;
}

h4.red, h4.orange, h4.green, h4.teal, span.orange, span.teal {
  font-weight: bold;
}

span.teal {
    text-transform: uppercase;
}

.col-right h3 {
    color: #0099a8;
    font-weight: bold;
}

.education a, .resources a, .pact a, .register a {
  color: #7ac143;
  font-weight: 600;
}

.nav-link {
  font-weight: normal !important;
}

@media only screen and (orientation: portrait) {
    .regform input {
        width: 100%;
        margin: .2rem;
        border: 1px solid #888888;
        border-radius: 4px;
    }
    .regform input.threequarters {
        width: 75%;
    }
    .regform input.dob {
        width: 25%;
    }
    .regform input[type="radio"] {
        width: 10%;
    }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {    
  .section-buttons, #homepage .section-buttons .row {
    width: 100%;    
  }
  .section-buttons p.level {
    margin-top: 12px;
  }
  .pact,
  .mediation,
  .counseling,
  .coparent,
  .twohomes,
  .education,
  .seminarstraining,
  .resources {
    background-image: none;
  }
  .carousel-item {
    margin-top: 10px;
    min-height: 130px;
  }
  .carousel-indicators li {
    border-radius: 8px;
    width: 8px;
    height: 8px;
    margin-right: 8px;
    margin-left: 8px;
  }
  .carousel-indicators {
    bottom: 0px;
  }
  .pt-5,
  .py-5 {
    padding-top: 1.5rem!important;
    padding-bottom: 0rem!important;
  }
  .mt-4,
  .my-4 {
    margin-top: 0rem!important;
  }
  .footercon {
    font-size: .25em;
  }
  .footer-image {
    min-height: 100px;
  }
  footer .mt-6 {
    padding-top: 3.5rem !important;
  }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .section-buttons, #homepage .section-buttons .row {
    width: 100%;    
  }
  .section-buttons p.level {
    margin-top: 12px;
  }
  .pact,
  .mediation,
  .counseling,
  .coparent,
  .twohomes,
  .education,
  .seminarstraining,
  .resources {
    background-image: none;
  }
  .carousel-item {
    margin-top: 10px;
    min-height: 130px;
  }
  .carousel-indicators li {
    border-radius: 8px;
    width: 8px;
    height: 8px;
    margin-right: 8px;
    margin-left: 8px;
  }
  .carousel-indicators {
    bottom: 0px;
  }
  .pt-5,
  .py-5 {
    padding-top: 1rem!important;
    padding-bottom: 0rem!important;
  }
  .mt-4,
  .my-4 {
    margin-top: 0rem!important;
  }
  .footercon {
    font-size: .25em;
  }
  .footer-image {
    min-height: 195px;
  }
  footer .mt-6 {
    padding-top: 9.5rem !important;
  }
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
  .section-buttons, #homepage .section-buttons .row {
    width: 100%;    
  }
  .section-buttons p.level {
    margin-top: 12px;
  }
  .pact,
  .mediation,
  .counseling,
  .coparent,
  .twohomes,
  .education,
  .seminarstraining,
  .resources {
    background-image: none;
  }
  .carousel-item {
    margin-top: 10px;
    min-height: 130px;
  }
  .carousel-indicators li {
    border-radius: 8px;
    width: 8px;
    height: 8px;
    margin-right: 8px;
    margin-left: 8px;
  }
  .carousel-indicators {
    bottom: 0px;
  }
  .pt-5,
  .py-5 {
    padding-top: 1rem!important;
    padding-bottom: 0rem!important;
  }
  .mt-4,
  .my-4 {
    margin-top: 0rem!important;
  }
  .footercon {
    font-size: .25em;
  }
  .footer-image {
    min-height: 195px;
  }
  footer .mt-6 {
    padding-top: 9.5rem !important;
  }
}

@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  .section-buttons, #homepage .section-buttons .row {
    width: 100%;    
  }
  .section-buttons p.level {
    margin-top: 12px;
  }
  .pact,
  .mediation,
  .counseling,
  .coparent,
  .twohomes,
  .education,
  .seminarstraining,
  .resources {
    background-image: none;
  }
  .carousel-item {
    margin-top: 10px;
    min-height: 130px;
  }
  .carousel-indicators li {
    border-radius: 8px;
    width: 8px;
    height: 8px;
    margin-right: 8px;
    margin-left: 8px;
  }
  .carousel-indicators {
    bottom: 0px;
  }
  .pt-5,
  .py-5 {
    padding-top: 1rem!important;
    padding-bottom: 0rem!important;
  }
  .mt-4,
  .my-4 {
    margin-top: 0rem!important;
  }
  .footercon {
    font-size: .25em;
  }
  .footer-image {
    min-height: 40px;
  }
  footer .mt-6 {
    padding-top: 7.5rem !important;
  }
}

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: portrait) {
  .section-buttons, #homepage .section-buttons .row {
    width: 100%;    
  }
  .section-buttons p.level {
    margin-top: 12px;
  }
  .pact,
  .mediation,
  .counseling,
  .coparent,
  .twohomes,
  .education,
  .seminarstraining,
  .resources {
    background-image: none;
  }
  .carousel-item {
    margin-top: 10px;
    min-height: 130px;
  }
  .carousel-indicators li {
    border-radius: 8px;
    width: 8px;
    height: 8px;
    margin-right: 8px;
    margin-left: 8px;
  }
  .carousel-indicators {
    bottom: 0px;
  }
  .pt-5,
  .py-5 {
    padding-top: 1rem!important;
    padding-bottom: 0rem!important;
  }
  .mt-4,
  .my-4 {
    margin-top: 0rem!important;
  }
  .footercon {
    font-size: .25em;
  }
  .footer-image {
    min-height: 195px;
  }
  footer .mt-6 {
    padding-top: 9.5rem !important;
  }
}

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .section-buttons, #homepage .section-buttons .row {
    width: 100%;    
  }
  .section-buttons p.level {
    margin-top: 12px;
  }
  .pact,
  .mediation,
  .counseling,
  .coparent,
  .twohomes,
  .education,
  .seminarstraining,
  .resources {
    background-image: none;
  }
  .carousel-item {
    margin-top: 10px;
    min-height: 130px;
  }
  .carousel-indicators li {
    border-radius: 8px;
    width: 8px;
    height: 8px;
    margin-right: 8px;
    margin-left: 8px;
  }
  .carousel-indicators {
    bottom: 0px;
  }
  .pt-5,
  .py-5 {
    padding-top: 1rem!important;
    padding-bottom: 0rem!important;
  }
  .mt-4,
  .my-4 {
    margin-top: 0rem!important;
  }
  .footercon {
    font-size: .25em;
  }
  .footer-image {
    min-height: 195px;
  }
  footer .mt-6 {
    padding-top: 9.5rem !important;
  }
}

@media screen and (device-width: 480px) and (device-height: 800px) and (orientation: portrait) {
  .section-buttons, #homepage .section-buttons .row {
    width: 100%;    
  }
  .section-buttons p.level {
    margin-top: 12px;
  }
  .pact,
  .mediation,
  .counseling,
  .coparent,
  .twohomes,
  .education,
  .seminarstraining,
  .resources {
    background-image: none;
  }
  .carousel-item {
    margin-top: 10px;
    min-height: 160px;
  }
  .carousel-indicators li {
    border-radius: 12px;
    width: 12px;
    height: 12px;
    margin-right: 8px;
    margin-left: 8px;
  }
  .carousel-indicators {
    bottom: 0px;
  }
  .pt-5,
  .py-5 {
    padding-top: 1rem!important;
    padding-bottom: 0rem!important;
  }
  .mt-4,
  .my-4 {
    margin-top: 0rem!important;
  }
  .footercon {
    font-size: .25em;
  }
  .footer-image {
    min-height: 195px;
  }
  footer .mt-6 {
    padding-top: 9.5rem !important;
  }
}


/* full display */

@media (min-width: 800px) {

  .section-buttons p.level {
    margin-top: 12px;
  }
  .pact {
    background-position: 5% 88.25%;
  }
  .mediation {
    background-position: 5% 36%;
  }
  .counseling {
    background-position: 5% 60%;
  }
  .coparent {
    background-position: 5% 76%;
  }
  .twohomes {
    background-position: 5% 65%;
  }
  .education {
    background-position: 5% 42%;
  }
  .seminarstraining {
    background-position: 5% 42%;
  }
  .resources {
    background-position: 5% 92%;
  }
  .reglink {
    max-width: 12%;  
  }

/*
h1 {
  font-size: 1.6rem;
}

h2 {
  font-size: 1.3rem;
}

h3 {
  font-size: 1.2rem;
}

h4 {
  font-size: 1.1rem;
}

h5 {
  font-size: 12pt;
  font-weight: 200;
}
*/
    
.carousel-indicators li {
  border-radius: 12px;
  width: 12px;
  height: 12px;
  margin-right: 4px;
  margin-left: 4px;
}

    
.py-5 {
    padding-bottom: 0!important;
    padding-top: 1rem!important;
}
  .carousel-item {
    min-height: 320px;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .footer-image {
    min-height: 190px;
  }
  .footercon {
    font-size: 1em;
  }
  footer .mt-6 {
    padding-top: 10rem !important;
  }
}

@media (min-width: 1788px) {
    
  .container {
    max-width: 100%;
  }
    
  .section-buttons .c-2,
  .section-buttons .c-3 {
    width: 50%;
  }
    
  .navbar-brand {
    width: 36%;
  }
  .pact {
    background-position: 5% 87.25%;
  }
  .mediation {
    background-position: 5% 36%;
  }
  .counseling {
    background-position: 5% 56%;
  }
  .coparent {
    background-position: 5% 76%;
  }
  .twohomes {
    background-position: 5% 65%;
  }
  .education {
    background-position: 5% 36%;
  }
  .seminarstraining {
    background-position: 5% 42%;
  }
  .resources {
    background-position: 5% 92%;
  }
  .carousel-item {
    height: auto;
    width: 99%;
    min-height: 550px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  .footer-image {
     min-height: 330px;
  }
  .footercon {
    font-size: 1.6em !important;
    padding-top: 240px !important;
    min-height: 330px !important;
  }
  footer .mt-6 {
    padding-top: 10rem !important;
  }
  .seminarstraining .footer-image,
  .mediation .footer-image,
  .counseling .footer-image {
    margin-top: 11rem;
  }
  .education .footer-image {
    margin-top: 4.5rem;
  }
    
  .reg a {
    top: 0px !important;
  }
    
}

@media (min-width: 1500px) {
  .footer-image {
    min-height: 330px!important;
  }
  .footercon {
    font-size: 1.4em;
    padding-top: 240px!important;
  }  
}

@media (min-width: 1100px) {
  .reg   a {
    position: relative;
    top: 14px;
  }
}

@media (min-width: 1280px) {
  .pact {
    background-position: 5% 87%;
  }
  .mediation {
    background-position: 5% 36%;
  }
  .counseling {
    background-position: 5% 60%;
  }
  .coparent {
    background-position: 5% 76%;
  }
  .twohomes {
    background-position: 5% 65%;
  }
  .education {
    background-position: 5% 42%;
  }
  .seminarstraining {
    background-position: 5% 42%;
  }
  .resources {
    background-position: 5% 92%;
  }

/*
    h1 {
  font-size: 1.6rem;
}

h2 {
  font-size: 1.3rem;
}

h3 {
  font-size: 1.2rem;
}

h4 {
  font-size: 1.1rem;
}

h5 {
  font-size: 12pt;
  font-weight: 200;
}
*/
    
.reg {
  height: 100%;
}

.reg a {
  position: relative;
  top: 14px;
}

    
.container {
    max-width: 100%;
}
    
.navbarResponsive ul {
  margin-left: 40px !important;     
}
    
.carousel-indicators li {
  border-radius: 18px;
  width: 18px;
  height: 18px;
  margin-right: 6px;
  margin-left: 6px;
}
    
.py-5 {
    padding-bottom: 0!important;
    padding-top: 1rem!important;
    width: 85%;
    margin: 0 auto;
}
.carousel-item {
    min-height: 400px;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}
.footer-image {
  min-height: 200px;
}
.footercon {
    font-size: 1.2em;
    padding-top: 150px;
}
  }
  footer .mt-6 {
    padding-top: 8rem !important;
  }
}