/* Styles */

/* Uncomment below to temporarily hide the callback request functionality */
/*
#column-2 {
  display: none !important;
}
*/

.body_content {
	padding: 0;
}

#contact-container * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

#contact-container {
	width: 100%;
	font-family: arial;
	font-size: 14px;
	color: #1c3660;
	line-height: 1.5;
}

#contact-container textarea {
	resize: none;
}

#contact-container .header1 {
	font-family: 'Conv_CoconPro-Regular';
	font-size: 36px;
	color: #4cc2f1;
	padding: 0 0 20px 0;
	margin: 0;
	background-image: url(/media/layacommon/images/icons/h1_border.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#contact-container .header2 {
	font-family: 'Conv_CoconPro-Regular';
	font-size: 22px;
	font-weight: normal;
	color: #00679a;
	padding: 0;
	margin: 0;
	padding: 10px 0 20px 0;
	text-align: center;
}

#contact-container .header3 {
	font-family: 'Conv_CoconPro-Regular';
	font-size: 20px;
	font-weight: normal;
	color: #00679a;
	padding: 0;
	margin: 16px 0 5px 0;
	text-align: center;
}

#contact-panel,
#contact-panel-advice {
	width: 100%;
	margin: 28px 0 20px 0;
	padding: 0;
	overflow: hidden;
	text-align: center;
}

#contact-panel-advice .hours-left {
	width: 150px;
}

#break {
	border-bottom: 1px dotted #ccc;
	margin: 0 0 20px 0;
}

#columns {
	width: 100%;
	overflow: hidden;
        text-align: center;
	margin: 0 auto 40px auto;
}

#contact-icon {
	width: 40px;
	padding: 12px 0 0 0;
    float: none;
    display: inline-block;
}

#contact-numbers {
	/*width: 300px;
	padding: 0 20px 0 0;
    max-width: calc(100% - 95px);*/
    float: none;
    display: inline-block;
    vertical-align: top;
}

.contact-hours {
	width: 290px;
        max-width: 100%;
        float: none;
        display: inline-block;
        vertical-align: top;
}

.phone-number-big {
	font-family: 'Conv_CoconPro-Regular';
	font-size: 40px;
	font-weight: normal;
	color: #d60570;
	margin-top: 0px;
}

.phone-number-small {
	font-family: 'Conv_SariOT-Bold';
	font-size: 30px;
	margin: -10px 0 0 0;
}

.phone-number-small span {
	font-weight: bold;
	color: #00679a;
}

.column {
	height: 600px;
}

#column-1, #column-2, #column-3 {
	width: 300px;
	display: inline-block;
    vertical-align: top;
    text-align: left;
}

#column-1 {
  border-right: 1px dotted #ccc;
  margin: 0 16px 0 0;
	padding: 0 20px 0 0;
}

#column-3 {
  border-left: 1px dotted #ccc;
  margin: 0 0 0 16px;
  padding: 0 0 0 20px;
}

.column-header {
	border-radius: 24px;
	padding: 20px 0 0 0;
	background: linear-gradient(#d9effc, #fff);
}

.form-column {
	height: 380px;
}

.form-control {
	font-size: 14px;
}

#write-to-us-error, #write-to-us-check, #write-to-us-loader, #write-to-us-success, #write-to-us-fail {
	display: none;
}

#request-callback-error, #request-callback-loader, #request-callback-success, #request-callback-fail {
	display: none;
}

.form-cover {
	width: 280px;
	height: 380px;
	background: rgba(255, 255, 255, 0.7);
	text-align: center;
	position: absolute;
	z-index: 1000;
}

.form-box {
	width: 220px;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #d60570; 
	margin: 40px 0 0 30px;
	padding: 40px 0;
	box-shadow: 0px 0px 12px rgba(214, 5, 112, 0.7);
}

.cover-icon {
	display: block;
	color: #d60570;
	margin: 0 0 10px 0;
}

.cover-text {
	margin: 0 0 10px 0;
}

.callback-select {
	width: 125px;
	display: inline-block;
}

#a-callback-date {
	margin: 0 9px 0 0;
}

.membership-field {
	width: 200px;
	position: absolute;
	margin: -54px 0 0 79px;
}

#map-canvas {
	width: 300px;
	height: 230px;
	border: 1px solid #ccc;
	background: #eee;
	margin: 10px 0;
}

#map-button {
	float: right;
}

.section {
	margin: 0 0 20px 0;
}

.address-line {
	font-size: 12px;
	color: #555;
}

.hours-table {
	line-height: 1.3;
	width: 270px;
	padding: 0;
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

.hours-left {
	font-weight: bold;
	text-align: left;
        padding: 0;
}

.hours-right {
	text-align: right;
        padding: 0;
}

.specified-time {
	margin: -15px 0 0 10px;
}

#a-callback-date, #a-callback-time {
	margin-top: 10px;
}

/* Icons */

.icon {
	width: 70px;
	height: 70px;
	color: #fff;
	background: #4cc2f1;
	padding: 20px;
	border-radius: 35px;
	margin: 0 auto;
}

.icon-header {
	width: 70px;
	height: 70px;
	color: #fff;
	background: #d60570;
	padding: 16px;
	border-radius: 45px;
}

#contact-panel .icon-header {
    width: 36px;
    height: 36px;
    color: #fff;
    padding: 10px;
}

.icon-envelope {
	margin: 1px 0 0 1px;
}

.icon-phone-small {
	margin: 3px 0 0 4px;
}

.icon-phone {
	font-size: 22px;
}

.icon-building {
	margin: 2px 0 0 4px;
}



#member-area-contact-info {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0;
    overflow: hidden;
    text-align: center;
    background: radial-gradient(circle farthest-corner at 50% 100%, #fff 0%, #d9effc 66%, #fff 80%);
    margin-bottom: 0px;
    padding-bottom: 20px;
}

#member-area-contact-info h2 {
	margin-top: 30px;
}

#member-area-contact-box {
    width: 70px;
    padding: 5px 0 0 0;
    float: none;
    display: inline-block;
    vertical-align: top;
}

#member-area-contact-box .fa-laptop {
    position: relative;
    left: -2px;
}

#member-area-contact-button-box {
    width: 300px;
    padding: 20px 10px 10px 10px;
    max-width: calc(100% - 95px);
    float: none;
    display: inline-block;
    vertical-align: top;
    font-family: 'Conv_CoconPro-Regular';
}

.weight-normal {
	font-weight: normal;
}

#member-area-benefits ul {
    text-align: left;
    margin: 0px;
}

#member-area-benefits .glyphicon-ok {
    color: #D60570;
    padding-right: 0.5em;
}

#member-area-benefits {
    width: 290px;
    max-width: 100%;
    float: none;
    display: inline-block;
    vertical-align: top;
}

.location-map {
	cursor:	pointer;
	margin-bottom: 8px;
}


@media (min-width: 10px) and (max-width: 767px) {
  
  #contact-numbers {
    padding: 0;
  }
  
  .phone-number-big {
    font-size: 30px
  }
  
  .phone-number-small {
    font-size: 28px
  }
  
  #column-1, #column-2, #column-3 {
    padding: 0;
    margin: 0 auto 40px auto;
    border-right: none;
    display: block;
  }
  
  #contact-icon {
	margin-bottom: 12px;
	padding: 10px 0 0 0;
  }
  #contact-panel .icon-header {
    width: 30px;
    height: 30px;
    padding: 6px;
  }

  .phone-number-big {
	margin-top: 2px;
  }
}


@media (min-width: 10px) and (max-width: 714px) {
  #contact-panel-advice .contact-hours {
	width: 100%;
  }

  #contact-panel-advice table {
	margin-left: auto;
    margin-right: auto;
  }

  #contact-panel-advice .hours-right {
	width: 130px;
	white-space: nowrap;
  }
}



/* COVID-19 ALERT BOX */
#contact-container .alert {
  border: 1px solid #D9E1E2;
  background: linear-gradient(to right, white 80%, #D9E1E2 100%);
}

#contact-container .alert img {
    float: left;
    height: 100px !important;
    padding: 0 20px 10px 0;
}

#contact-container .alert p {
	font-size: 14px;
  	line-height: 21px;
}