/*
Theme Name: Fligno Web Design Agency
Theme URI: https://fligno.com/
Version: 1.0
Description: Mini Websites by FLigno
Author: Fligno Team
Author URI: https://fligno.com/
template: bb-theme
*/
/* Add your custom styles here... */

.trx_mscf_progressbar {
    padding-left: 0 !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
}
.custom-two-col-container > div {
    flex: 0 0 calc(50% - 8px);
}

.custom-two-col-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.drug-details-container > div:last-child {
    margin-left: 5px;
}
.drug-details-container > div:first-child {
    margin-right: 5px;
}
.drug-details-container > div:not(:first-child):not(:last-child) {
    margin: 0 5px;
}
.drug-details-container, .drug-details-container > div{
    display: flex;
}
.drug-details-container > div br {
    display: none;
}
.drug-details-container > div {
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}
.intl-tel-input {
    width: 100%;
}
#drugdetailsrepeater p {
    position: absolute;
    left: 100%;
    bottom: 25px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
}
#drugdetailsrepeater {
    position: relative;
}
#drugdetailsrepeater p * {
    margin: 0 4px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    padding: 0;
    background: transparent !important;
    border-color: black;
    color: black;
}
.wpcf7-form br{
    display: none !important;
}
.wpcf7-form p {
    margin: 0 !important;
}
.wpcf7-form input, .wpcf7-form select, .wpcf7-form textarea {
    margin-bottom: 20px !important;
}
.wpcf7-form label {
    display: block;
}
.wpcf7-field-group:not(:last-child) > p {
    display: none;
}
.wpcf7-field-groups > div {
    position: relative;
}
.wpcf7-field-group > p {
    position: absolute;
    right: -75px;
    bottom: 20px;
}
.wpcf7-field-group:not(:first-child) label {
    display: none;
}
.wpcf7-field-group > p button {
    margin-left: 5px;
    border-radius: 50%;
    color: black;
    background: transparent;
    border-color: black;
    width: 33px;
    height: 33px;
}

.fl-photo-blend {
    background-image: -moz-linear-gradient( 0deg, rgb(207,179,205) 0%, rgb(96,156,252) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(207,179,205) 0%, rgb(96,156,252) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(207,179,205) 0%, rgb(96,156,252) 100%);
}

.fl-photo-blend > * {
    position: relative;
}

.fl-photo-blend .fl-row-content-wrap {
    mix-blend-mode: overlay;
}

/*
.fl-photo-overlay .fl-photo:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    background-image: -moz-linear-gradient( 0deg, rgb(207,179,205) 0%, rgb(96,156,252) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(207,179,205) 0%, rgb(96,156,252) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(207,179,205) 0%, rgb(96,156,252) 100%);
}

.fl-photo-overlay .fl-photo img {
    opacity: 0.4;
    mix-blend-mode: overlay;
}*/
/* 
.fl-slide-content-wrap {
    text-align: center;
}

.fl-slide{
    display: flex;
    justify-content: center;
    align-items: center;
}
.bx-pager{
    bottom: 20px !important;
}
.fl-module-content-slider .bx-wrapper{
	margin: 0;

}
.fl-slide-content-wrap{
    width: 100% !important;
    text-align: center !important;
} */

body::-webkit-scrollbar {
    width: .3em !important;
}
 
body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
  border-radius: 50px;
}
/* Header */
header .uabb-info-list-wrapper {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    top: 10px !important;
}
header .uabb-info-list-wrapper > li {
    margin-left: 30px !important;
}
/* header i.ua-icon:before {
    color: #114996 !important;
} */
header .uabb-info-list-description p {
    color: gray !important;
}
header .uabb-info-list-title {
    color: #114996;
}
.fl-theme-builder-header-scrolled > div:nth-child(2) .fl-theme-builder-header-shrink-row-top.fl-row-content-wrap {
    padding-top: 20px;
}
.fl-theme-builder-header-scrolled > div:nth-child(2) .fl-theme-builder-header-shrink-row-bottom.fl-row-content-wrap {
    padding-bottom: 20px;
}
.fl-builder-content[data-type="header"].fl-theme-builder-header-shrink img {
    max-height: 80px;
}

/* End of Header */

/* Global Settings */

/* Post Titles */

.global-post-titles h2{
    font-size: calc(30px + (47 - 30) * ((100vw - 375px) / (1600 - 375))) !important;
}

/* Typography */

.custom-container h2{
    font-size: calc(27px + (47 - 27) * ((100vw - 375px) / (1600 - 375))) !important;
}
footer ul li{
    font-size: calc(13px + (15 - 13) * ((100vw - 1024px) / (1600 - 1024))) !important;
}
.slider-banner h1{
    font-size: calc(30px + (57 - 30) * ((100vw - 375px) / (1600 - 375))) !important;
}
    
/* Global Buttons */
.uabb-btn, .services-row .uabb-button, .slide-btns a.btn, .global-btn a.fl-button{
    color: white !important;
    text-align: center;
    background: #124b99 !important;
    border-radius: 50px !important;
    border: none !important;
    padding: 15px 50px;
    transition: .3s all ease-in-out;
    font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (1600 - 375))) !important;
}
.global-btn .fl-button i{
    font-size: calc(10px + (15 - 10) * ((100vw - 325px) / (1600 - 325))) !important;
}
.uabb-btn:hover, .services-row a.uabb-button:hover, .slide-btns .btn:hover, .global-btn a.fl-button:hover {
    background: #006cff !important;
}
/* End of Global Buttons */

/* EZ Search */

#header-search #search-toggler:hover a > * {
    color: #fff;
}
#header-search.toggled #search-toggler {
    background-color: #006cff;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}
#search-box-input{
    border-radius: 50px !important;
    overflow: hidden !important;
}

/* Caldera Form */
.caldera-grid input, .caldera-grid select {
    border-radius: 50px !important;
    height: 40px !important;
    border: 1px solid #d8d8d8 !important;
}
.caldera-grid textarea {
    border-radius: 10px !important;
}
.caldera-grid .intl-tel-input, .caldera-grid input[type=submit] {
    width: 100%;
}
.caldera-grid h3{
    font-size: calc(18px + (25 - 18) * ((100vw - 375px) / (1600 - 375))) !important;
}
.caldera-grid h4{
    font-size: calc(16px + (20 - 16) * ((100vw - 375px) / (1600 - 375))) !important;
}
.caldera-grid label,
.caldera-grid h3,
.caldera-grid h4 {
    color: #124b99;
    font-size: 13px;
}
.caldera-grid input[type=button]{
    width: 20%;
}
.caldera-grid input[type=submit],
.caldera-grid input[type=button] {
    border: none !important;
    background-color: #124b99;
    color: white !important;
    transition: .3s all ease-in-out;
    font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (1600 - 375))) !important;
}
.caldera-grid input[type=submit]:hover,
.caldera-grid input[type=button]:hover {
    background-color: #006cff;
}
.caldera-grid label.checkbox-inline {
	height: 20px !important;
    line-height: 21px !important;
    text-align: center !important;
    font-weight: 900 !important;
}

.caldera-grid .checkbox-inline input[type=checkbox],
.caldera-grid input[type=radio] {
    display: inline-block !important;
    vertical-align: middle !important;
    line-height: normal !important;
    position: inherit !important;
}
/* End of Caldera Form */

/* Home */
.services-row h2 {
    font-size: calc(13px + (17 - 13) * ((100vw - 325px) / (1600 - 325))) !important;
    text-transform: uppercase;
}
.fl-module-flip-box .uabb-front .uabb-flip-box-section {
    border-radius: 20px;
    background: #f8f8f8;
    overflow: hidden;
    padding: 0;
}
.fl-module-flip-box .uabb-photo-img {
    width: 100% !important;
}
.uabb-front .uabb-imgicon-wrap {
    margin-top: 0;
}
.custom-container.our-programs > .fl-row-content-wrap:after{
/*     background-image: none; */
}
.custom-container .fl-row-content-wrap {
    padding: 50px 15px !important;
}
span.readmeee {
    color: #d3e9ef !important;
}
.custom-testimonials .testimonial-slides-nav{
    display: none;
}
.custom-testimonials .testimonials blockquote{
    border-radius: 10px !important;
}
/* End of Home */

/* About Us */

.history-container .fl-photo-content{
    border-radius: 50% !important;
    overflow: hidden;
    height: 300px;
    width: 300px;
}

.history-container .fl-col-group > div:first-child{
	position: -webkit-sticky;
    position: sticky;
    top: 45%;
    left: 0;
}

/* Teams */
/* Independent Row */

.teams-fl-col-group .uabb-post-thumbnail img{
    pointer-events: none;
    overflow: hidden;
    object-fit: cover;
    width: 100% !important;
    height: 100% !important;
}

.teams-fl-col-group .uabb-post-thumbnail{
    width: 200px !important;
    height: 200px !important;
    border-radius: 100%;
    margin: auto;
    padding: 0 !important;
}
.teams-fl-col-group .teams-fl-col{
    padding: 15px;
}
.teams-fl-col-group .teams-fl-col:first-child{
    flex: 1;
}
.teams-fl-col-group .teams-fl-col:last-child{
    flex: 2;
}
.teams-fl-col-group{
    display: flex;
}

.teams-fl-col-group span{
    font-style: italic;
    font-size: 14px;
    color: slategray;
}
.teams-fl-col-group .teams-content{
    text-align: left !important;
}
.teams-fl-col-group .teams-content h3{
    font-size: 25px;
    color: #022F40;
}

.teams-fl-col-group .uabb-blog-posts-description{
    font-size: 15px !important;
    line-height: 1.5em;
}
/* End of Independent Row */

/* Counselling Section */

.counselling-section .fl-heading-text{
    color: #124b99 !important;
}

.counselling-section .fl-col-group,
.contact-us-col .fl-col-content,
.custom-box-shadow .fl-col-content{
    box-shadow: 0 0.9375rem 3.75rem rgba(2,2,22,0.1) !important;
}
.counselling-section .teams-fl-col-group{
    display: inline-block;
}
.counselling-section .teams-fl-col-group .teams-content{
    text-align: center !important;
}
.counselling-section .uabb-module-content {
    /* display: flex !important; */
    /* flex-wrap: wrap; */
}
.counselling-section .uabb-module-content > div{
    flex: 1;
}
.counselling-section .teams-fl-col-group .uabb-post-thumbnail img{
    pointer-events: none;
    overflow: hidden;
    width: 200px !important;
    height: 200px !important;
    object-fit: cover;
    border-radius: 100%;
}
.counselling-section .teams-fl-col-group .uabb-blog-posts-description{
    text-align: justify;
    text-align-last: center;
}
.social-work.counselling-section .fl-col-group{
    box-shadow: none;
}
/* End of Teams */
/* End of About Us */

/* Programs */
.table-container::-webkit-scrollbar {
    height: 3px !important;
    width: 3px !important;
    border-radius: 50px;
}
.table-container{
    display: flex;
    flex-direction: row;
    height: 50vh;
    overflow-y: scroll;
	overflow-x: auto;
}

.table-container h3{
	padding-bottom: 10px;
	border-bottom: 1px solid white;
}

.table-container .table-column{
    width: 100%;
    margin: 2.5px;
}

.table-container .table-title{
    text-align: center;
    padding: 5px;
}
.table-column:nth-child(1) .table-title{
    background: #104389;
}
.table-column:nth-child(2) .table-title{
    background: #114996;
}
.table-column:nth-child(3) .table-title{
    background: #26599F;
}
.table-column:nth-child(4) .table-title{
    background: #3C6AA9;
}
.table-column:nth-child(5) .table-title{
    background: #517AB2;
}

.table-container .table-content{
    padding: 10px;
}

.table-container .table-title{
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0;
}

.table-title h3{
    color: white !important;
    font-size: 18px !important;
    margin-bottom: 0;
}
.table-title h4{
    color: white !important;
    font-size: 14px !important;
}
.table-container::-webkit-scrollbar{
    width: .3em;
}
.table-container::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
  border-radius: 50px;
}

.uabb-blog-posts-shadow{
    background: none !important;
}
.programs-container{
    position: relative;
}
/* .programs-container > .programs-container-wrapper{
    display: flex;
    text-align: left;
    flex-direction: row-reverse;
} */

.programs-container img{
    max-width: 350px;
    max-height: 250px;
    object-fit: cover;
}
.programs-col-group{
    padding: 20px;
}
.programs-container h3{
    font-size: calc(20px + (36 - 20) * ((100vw - 375px) / (1600 - 375))) !important;
    color: #2bc8e9;
}
.custom-program-btn{
    color: white !important;
    text-align: center;
    background: #124b99 !important;
    border-radius: 50px !important;
    border: none !important;
    padding: 15px 50px;
    transition: .3s all ease-in-out;
    font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (1600 - 375))) !important;
}
.custom-program-btn a{
    color: white;
}

.custom-program-btn:hover {
    background: #006cff !important;
}

.uabb-module-content > .uabb-blog-posts-col-1 .programs-container > .programs-container-wrapper{
    display: flex;
    text-align: left;
}
.uabb-module-content > .uabb-blog-posts-col-1:nth-child(even) .programs-container > .programs-container-wrapper{
    flex-direction: row-reverse;
}

/* End of Programs */

/* Program & Blog Sticky Side Bar */
.program-post-content .fl-col-group > div:first-child,
.blog-post-content .fl-col-group > div:first-child{
	position: -webkit-sticky;
	position: sticky;
	top: 40%;
	right: 0;
}

/* Drug Information */
.uabb-blog-post-content {
    padding: 0 !important;
}
.uabb-post-wrapper {
    margin-bottom: 15px !important;
}
.uabb-blog-posts-shadow {
    box-shadow: none !important;
}
.drug-information-container h3{
    text-shadow: 2px 2px 5px #333333;
}

/* Custom Advanced Post Effect */
.drug-information-container img {
    height: 250px;
    object-fit: cover;
    max-width: none;
    width: -webkit-calc(100% + 50px);
    width: calc(100% + 100px);
    opacity: 0.7;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-60px,0, 0);
    transform: translate3d(-60px,0,0);
}
.drug-information-container {
    text-align: left;
}
.drug-information-container .custom-content .uabb-blog-posts-description {
    padding: 0;
}
.drug-information-container .custom-content {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0;
    width: 100%;
    height: 50%;
    font-size: calc(11px + (14 - 11) * ((100vw - 320px) / (1600 - 320))) !important;
    line-height: 1.2em;
}
.drug-information-container:hover .custom-content {
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 );
    /* IE6-9 */
}
.drug-information-container h3 {
    font-size: 20px !important;
}
.drug-information-container h3, .drug-information-container p {
    color: white !important;
    margin-left: 20px !important;
    -webkit-transform: translate3d(0,60px,0);
    transform: translate3d(0,60px,0);
}
.drug-information-container h3 {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}
.drug-information-container p {
    color: rgba(255,255,255,0.8);
    opacity: 0;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
    transition: opacity 0.2s, transform 0.35s;
}
.drug-information-container:hover img, .drug-information-container:hover p {
    opacity: 1;
}
.drug-information-container:hover img, .drug-information-container:hover h3, .drug-information-container:hover p {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.drug-information-container:hover p {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
}
/* End Custom Advanced Post Effect */
/* End of Drug Information */


/* Blogs */
.program-post-content h3,
.blog-post-content h3{
    font-size: calc(20px + (36 - 20) * ((100vw - 375px) / (1600 - 375)));
    /* margin-bottom: 30px; */
    color: #124b99;
}
.program-post-content h4,
.blog-post-content h4{
    font-size: calc(15px + (26 - 15) * ((100vw - 375px) / (1600 - 375)));
    color: #2878f0;
    /* margin-bottom: 20px; */
}
.program-post-content h5,
.blog-post-content h5 {
    font-size: calc(14px + (20 - 14) * ((100vw - 375px) / (1600 - 375)));
    line-height: 1.8em !important;
    color: #4a4a4a;
}
.program-post-content p,
.blog-post-content p{
    margin-bottom: 20px;
    color: #4a4a4a;
}
.program-post-content li,
.blog-post-content li{
    color: #4a4a4a;
}

/* Blog Table */

.blog-post-content .wp-block-table tbody > tr td{
    border-right: 3px solid white !important;
}
.blog-post-content .wp-block-table td{
    border: none !important;
}
.blog-post-content .wp-block-table tbody > tr:first-child{
    background: #124b99 !important;
    font-size: 17px !important;
    color: #fff;
}
.blog-post-content .wp-block-table tbody > tr:nth-child(odd){
    background: #f8f8f8;
}
.blog-post-content .wp-block-table tbody > tr{
    font-size: 15px;
}
/* End of Blog */

/* Contact Us */

.contact-us-row h3{
    font-size: calc(27px + (36 - 27) * ((100vw - 375px) / (1600 - 375))) !important;
}


/* Media Queries */

@media only screen and (max-width: 1078px){
	.table-title h3 {height: 65px;}
}

@media only screen and (min-width: 1024px) {
    #main .main-menu {
        display: block;
    }

    #responsive-menu {
        visibility: hidden;
        opacity: 1;
        display: none;
    }
    .main-menu li a{
        font-size: 14px !important;
    }

	header .fl-row:nth-child(2) .fl-col-group > div:nth-child(1){
    	width: 20% !important;
	}
	header .fl-row:nth-child(2) .fl-col-group > div:nth-child(2){
		width: 50% !important; 
	}
	header .fl-row:nth-child(2) .fl-col-group > div:nth-child(3){
		width: 30% !important;
	}

    .counselling-section .uabb-blog-posts > div{
        flex: auto;
        width: 50% !important;
    }
	
}

@media only screen and (max-width: 1024px){
	header .uabb-info-list h3,
    header .uabb-info-list p{
        display: none;
    }
}

@media only screen and (max-width: 1012px){
    #main .main-menu {
        display: hidden;
    }

    #responsive-menu {
        visibility: visible;
        opacity: 1;
        display: block;
    }
    header .fl-row:nth-child(2) .fl-col-group > div:nth-child(1){
    	width: 30% !important;
	}
	header .fl-row:nth-child(2) .fl-col-group > div:nth-child(2){
		width: 30% !important; 
	}
	header .fl-row:nth-child(2) .fl-col-group > div:nth-child(3){
		width: 40% !important;
	}
    header img{
        width: 250px !important;
    }
    header .fl-photo{
        text-align: center !important;
    }
    
    header .fl-row:first-child .fl-row-content-wrap,
    header .fl-row:last-child .fl-row-content-wrap{
        padding: 0px 30px !important;
        text-align: center;
    }

    .global-btn a.fl-button{
        width: 90% !important;
    }

    .counselling-section .uabb-blog-posts > div{
        flex: auto;
        width: 50% !important;
    }

}

@media(max-width: 768px){
    .table-container{
        height: 100vh;
    }
    .table-container .table-column{
        margin: 0 !important;
    }
	header .fl-row:nth-child(2) .fl-col-group > div:nth-child(1){
    	width: 100% !important;
	}
	header .fl-row:nth-child(2) .fl-col-group > div:nth-child(2){
		width: 50% !important; 
	}
	header .fl-row:nth-child(2) .fl-col-group > div:nth-child(3){
		width: 50% !important;
	}

    .global-btn a.fl-button{
        width: auto !important;
    }
	.our-programs > .fl-row-content-wrap:after{
        background-image: linear-gradient(90deg, #f8f9fa 0%, rgba(255,255,255,0) 100%) !important;
    }

    /* About us */

    .history-container .fl-col-group > div:first-child{
        position: relative;
        top: 45%;
        left: 0;
    }

    /* Residential Programs */
    .blog-sticky-side-bar{
    	display: none;
    }
    .program-post-content .fl-col-group{
        display: flex;
        flex-direction: column;
    }
    .program-post-content .fl-col-group > div.fl-col:first-child{
        position: relative;
        order: 2 !important;
        margin-left: 0 !important;
    }
    .program-post-content .fl-col-group > div.fl-col:last-child{
        order: 1 !important;
    }

    .contact-us-row .fl-row-content,
	.wb-online-information-form .fl-row-content{
        max-width: 70% !important;
    }
    .table-container{
        flex-direction: column;
    }
	
	.table-title h3 {height: unset;}
}

@media only screen and (min-width: 684px){
    .services-row .fl-col-group{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: vertical;
    }
    .uabb-photo-gallery.uabb-gallery-grid4{
    	display: flex;
    }

}

@media(max-width: 684px){
    .global-btn a.fl-button{
        padding: 20px 30px;
    }

    .testimonial-post{
        padding: 40px 20px;
    }
    div:not(.counselling-section) .teams-fl-col-group{
        display: flex;
        flex-direction: column !important;
        text-align: center !important;
    }
    div:not(.counselling-section) .teams-fl-col-group .teams-content{
        text-align: center !important;
    }

    .counselling-section .uabb-blog-posts > div{
        width: 100% !important;
    }
    .uabb-module-content > .uabb-blog-posts-col-1 .programs-container > .programs-container-wrapper{
        display: flex;
        flex-direction: column !important;
        text-align: center !important;
    }
	br{
		display: none;
	}
	.contact-number br{
		display: block;
	}
}

@media(max-width: 480px){
     .testimonial-post{
        padding: 20px 0px;
    }
    .slider-banner br{
        display: none;
    }
    .global-btn a.fl-button{
        padding: 15px 18px;
    }
    .global-btn a.fl-button{
        width: 100% !important;
    }
    .contact-us-row .fl-row-content,
	.wb-online-information-form .fl-row-content{
        max-width: 100% !important;
    }
}

@media(max-width: 325px){
    .global-btn a.fl-button{
        font-size: 10px !important;
        width: 100%;
    }
    .testimonials blockquote .message{
        padding: 10px;
    }
}





/* additional css */
/* .radiobtn > div {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.radiobtn > div > div {
    margin: 0 !important;
    margin-right: 15px !important;
}

.logbook-form hr {
    border-width: 5px;
    margin: 50px 0;
} */

.logbook-form .form-fivecol, .logbook-form .form-fourcol, .logbook-form .form-twocol {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.logbook-form .form-fivecol > div {
    flex: 0 0 19%;
}

.logbook-form .form-fourcol > div {
    flex: 0 0 24%;
}

.logbook-form .form-twocol > div {
    flex: 0 0 49%;
}

.logbook-form .wpcf7-form-control-signature-body {
    background: #FCFCFC;
	border: 1px solid #e6e6e6;
	border-radius: 4px;
}

.logbook-form .wpcf7-form-control-clear-wrap {
    margin-top: 25px;
}

.logbook-form input.wpcf7-submit {
    width: 100%;
    font-size: 20px;
    border-radius: 30px;
    background: #124B99;
    padding: 12px 24px;
}

.form-separator {
    border: 1px solid #ccc;
    margin: 30px 0 50px;
}

div#ui-datepicker-div {
    z-index: 5 !important;
}

div.wpcf7-validation-errors {
    color: #ff0000;
    border: 2px solid #ff8f8f;
}

.wpcf7-form input[type=checkbox] {
    margin: 0 !important;
    vertical-align: middle;
}

div.wpcf7-mail-sent-ok {
    background: #d6f1d6;
	display: none !important;
}

@media only screen and (max-width: 1000px){
	.logbook-form .form-fivecol > div, .logbook-form .form-fourcol > div {flex: 0 0 49%;}
}

@media only screen and (max-width: 480px){
	.logbook-form .form-fivecol > div, .logbook-form .form-fourcol > div {flex: 0 0 100%;}
}