@charset "UTF-8"; 
/*

blue #1A2857 rgba(26, 40, 87, 1);

lt blue: #E8E9EE 232, 233, 238

lt lt blue: #F3F4F6 243, 244, 246;

*/

/*=== start important -- used by default_nav.js used to fix modal scroll bug*/

.modal-facebook  {
 -webkit-overflow-scrolling: touch !important;
}

.modal-facebook .modal-scrollfix {
    overflow-y: hidden;
}

/*=== end important -- used by default_nav.js used to fix modal scroll bug*/

/*========== Start Set Font CSS  ==========*/

/*========== End Set Font CSS  ==========*/



/*==========Start Modal ==========*/

/*===== start css based on media query*/
@media (min-width: 1200px) {
  .modal-facebook .modal-dialogue-cq  {
    width:90%;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .modal-facebook .modal-dialogue-cq  {
    width:90%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .modal-facebook .modal-dialogue-cq  {
    width:90%;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .modal-facebook .modal-dialogue-cq  {
    width:90%;
  }
}

@media (max-width: 480px) {
  .modal-facebook .modal-dialogue-cq  {
    width:90%;
  }
}
/*===== end css based on media query*/

.modal-facebook .modal-container {
    /*border:1px solid #FF0000;*/
  display:inline-block;
  text-align:center;
  width:100%;

}

.modal-facebook .modal-dialog { 
/*border:1px solid #0000FF;*/
  background-color: rgba(40, 33, 14, 0.5);

  /*background-color: rgba(26, 40, 87, 0.9);*/

  /*background-color: transparent !important;*/
  padding:10px 10px 10px 10px;

  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; 
  -khtml-border-radius: 5px; 

  /*text-shadow: black 0.1em 0.1em 0.2em;*/
  box-shadow: 2px 3px 5px #000000, 0px 1px 1px #333;
}

.modal-facebook .modal-inner-dialog { 
   /*border: 1px solid #FFFFFF;*/

   /*border:3px solid rgba(26, 40, 87, 1.0);*/
   border:3px solid rgba(255, 255, 255, 1.0);

  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -khtml-border-radius: 5px;
}

.modal-facebook .modal-content {
  /*box-shadow: inset 2px 3px 5px #000000, 0px 1px 1px #333;*/
  /*box-shadow: 2px 2px 0 #828181 inset;*/
  /*border-bottom:1px solid #FF0000;*/

 /*background-color: transparent !important;*/
  background-color: rgba(255, 255, 255, 0.9)

}


.modal-facebook .modal-header {
/*border:1px solid #00FF00;*/

  /*height:auto;*/
  /*font-family: 'Handel Gothic', Fallback, sans-serif !important;*/ 


  border-bottom:2px solid rgba(255, 255, 255, 1.0);

  /*background-color: rgba(243, 244, 246, 1.0);*/

  background-color:rgba(26, 40, 87, 1.0);


  /*
  padding:5px 5px 5px 5px;
  */
  
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
}


.modal-facebook .modal-title {

  /*border:1px solid #FFFF00;*/
  /*color:rgba(26, 40, 87, 1.0);*/

  color:rgba(255, 255, 255, 1.0);


  font-size:24px; 
/*  
  font-family: 'Times New Roman', Fallback, sans-serif;
  font-family: 'Italian Old Style MT Bold', Fallback, Times New Roman;
  font-family: 'CopperplateGothic-Bold', Fallback, sans-serif;
  font-family: 'CopperplateGothic-Bold', Fallback, sans-serif; // cant use fallback with !important
*/

  font-family: 'CopperplateGothic-Bold', Fallback, sans-serif;

}



.modal-facebook .modal-body {

  display:inline-block;
  /*text-align:center;*/
  min-height:200px;
  width:100%;
  background-color: rgba(243, 244, 246, 1.0);


  border:0px solid #FF0000;
  /*border-top:1px solid #FFFFFF;*/
  /*border-bottom:1px solid #FFFFFF;*/

  color: rgba(40, 33, 14, 1.0);
  font-family: 'CopperplateGothic-Bold', Fallback, sans-serif;
}

.modal-facebook .modal-footer {
  height:auto;

  /*border-top:1px solid rgba(255, 255, 255, 1.0);*/

  /*border-top:1px solid rgba(26, 40, 87, 1.0);*/
  /*background-color: rgba(243, 244, 246, 1.0);*/

  /*background-color:rgba(26, 40, 87, 1.0);*/


  /*background-color: rgba(26, 40, 87, 0.9);*/

  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
}



/*==========End Modal ==========*/

.modal-facebook .modal-x {
 font-size:40px;
/*
  color:rgba(26, 40, 87, 1.0) !important;
*/
  color:rgba(255, 255, 255, 1.0) !important;

  opacity: 0.8  !important;
}


.modal-facebook .modal-x:hover {
/*
  color:rgba(26, 40, 87, 1.0)  !important;
*/
  color:rgba(255, 255, 255, 1.0)  !important;


  opacity: 1  !important;
}


/*
.modal-facebook .modal-button {
background-color: rgba(26, 40, 87, 0.5);
color:#FFFFE6;
}


.modal-facebook .modal-button: hover {
background-color: rgba(26, 40, 87, 1.0)!important;
color:#FFFFE6!important;
}
*/

/*override bootstrap button*/
.modal-facebook .modal-footer .btn-secondary {
  background-color: rgba(26, 40, 87, 0.85);
  color: rgba(255, 255, 255, 1.0);
  border-color: rgba(255, 255, 255, 1.0);
}

.modal-facebook .modal-footer .btn-secondary:hover, .btn-secondary:focus,  .btn-secondary:active,  .btn-secondary.active, .open>.dropdown-toggle.btn-secondary {
  background-color: rgba(26, 40, 87, 1.0);
  color: rgba(255, 255, 255, 1.0);
  border-color: rgba(255, 255, 255, 1.0);
}