/*
 Theme Name:     Divi child theme
 Template:       Divi
*/
 
@import url("../Divi/style.css");

body h1, h2, h3 ,h4{
font-family: 'BookmanITCStd-Demi', sans-serif;
}

/* latin */

@font-face {

  font-family: 'Arvo';

  font-style: normal;

  font-weight: 400;

  src: local('Arvo'), url(https://fonts.gstatic.com/s/arvo/v9/J0GYVYTizO1mjpT3aOcSbQ.woff2) format('woff2');

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;

}

/* latin */

@font-face {

  font-family: 'Arvo';

  font-style: normal;

  font-weight: 700;

  src: local('Arvo Bold'), local('Arvo-Bold'), url(https://fonts.gstatic.com/s/arvo/v9/Ya11CJGBCnKoJHvb8B2EOw.woff2) format('woff2');

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;

}

/* latin */

@font-face {

  font-family: 'Arvo';

  font-style: italic;

  font-weight: 400;

  src: local('Arvo Italic'), local('Arvo-Italic'), url(https://fonts.gstatic.com/s/arvo/v9/Yl0tppep0-4db_jv2GpmdA.woff2) format('woff2');

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;

}
body{
font-family: "Arvo", Arial, Tahoma, sans-serif;
}

/*logo*/
#logo {     max-height: 100%;
}
/*secondary_menu*/
#top-header #et-info{
    float: right;
}
#top-header { 
    z-index:11;
}
#top-header, #et-secondary-nav li ul {
    background-color: #f26611 !important;
}
/*primary_menu*/
#main-header{
    background: #f26611 !important;
    margin-top: -1px;
    border-bottom: 1px solid #f26611 !important;
}
#top-menu-nav{
    text-transform: uppercase;
}
#top-menu li.current-menu-item > a,
#top-menu a{
    color: #fff;
}
.et_mobile_menu{
    background: #f26611;
    border-color: #fff;
}
.et_mobile_menu li a,
.mobile_menu_bar:before{
    color: #fff;
}

/*Home Page*/
#home #header{
    background-image: url(https://www.castlebapui.com/wp-content/uploads/2020/01/logo_bapui1349_542_header.jpg);
    background-position: 50% 50%;
    height: 542px;
    background-repeat: no-repeat;
    background-color: #fdf27c;
    }
#home #header2{
    background-color: #f26611;
    margin-top: -30px;
    padding-top: 5px;
}

#home #header2 .form-container{
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
    width:94%;
    max-width: 945px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(0, 0, 0, 0.2);
    padding: 15px 30px 5px 30px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom: 1px solid #333;
}
#home div.wpcf7-response-output {
    width: 95%;
}

#home .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
    border-bottom: 1px solid #f26611;
    border-radius: 0;
}

#home .ui-widget-header {
    border: 0;
    background: none;
    color: #222;
    font-weight: bold;
}
#home .ui-state-default, 
.ui-widget-content .ui-state-default{
        border: 0;
    background: none;
    font-weight: normal;
    color: #555;
}
    
    /*testimonials*/


    /*Contact*/
#contact .contact-section{
    padding-bottom: 40px;
    text-align: center;
}
#contact .contact-section .above-header {
    text-transform: uppercase;
    margin-bottom: 3px;
    color: #f26611;
    font: 700 15px/1.2em "Arvo", sans-serif;
}
#contact .contact-section h2 {
    font: italic 700 44px/1.2em "Gabriela", sans-serif;
}
#contact .contact-section p {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    font: 400 14px/1.9em "Arvo", sans-serif;
}
#contact .contact-section ul{
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
    display :flex;
    justify-content: center;
}
#contact .contact-info li {
    margin-top: 4px;
    padding: 0 10px;
}
#contact .contact-info li i.fa {
    margin-right: 3px;
    color: #f26611;
}
#contact .contact-info li a{    color: #dfa623;}
#contact .contact-info li a:hover{  color: #4e4e4e;}

    /*Contact contact-map*/


    /*Contact contact-query*/
#contact #contact-query .contact-detail input{
    height: 44px;
    width: 100%;
    margin-top: 20px;
    font: 400 15px/1.6em "Gabriela", sans-serif;
    color: #283135;
    border: 1px solid #e1e1e1;
    border-radius: 2px;
    padding: 6px 12px;
}
#contact #contact-query .contact-detail .form-group input[type="text"]:first-child{    margin-top: 0;}
#contact #contact-query .contact-detail .form-group input[type="text"]{    margin-top: 20px !important;}
#contact #contact-query .contact-detail textarea{
    height: 176px;
    width:100%;
    margin-top: 20px;
    font: 400 15px/1.6em "Gabriela", sans-serif;
    color: #283135;
    border: 1px solid #e1e1e1;
    border-radius: 2px;
    padding: 6px 12px;
}    
#contact #contact-query .contact-detail input:focus,
#contact #contact-query .contact-detail textarea:focus{
    border-color: #f26611;
    outline: 0;
    -webkit-box-shadow: inset 0px 0px 1px 1px rgba(20, 129, 198, 0.6), 0 0 0 0 rgba(20, 129, 198, 0.6);
    box-shadow: inset 0px 0px 1px 1px rgba(20, 129, 198, 0.6), 0 0 0 0 rgba(20, 129, 198, 0.6);
}
#contact #contact-query .contact-detail input[type="submit"]{
    display: block;
    width: 100%;
    text-transform: uppercase;
    padding: 8px 53px 8px 53px;
    border: 2px solid #f26611;
    border-radius: 2px;
    background-color: #f26611;
    color: #fff;
    font: italic 700 15px/1.6em "Arvo", sans-serif;
    transition: all .3s ease;
}
#contact #contact-query .contact-detail input[type="submit"]:hover{
    color: #f26611;
    background-color: #fff; 
}

    /*Footer*/
#footer-widgets .footer-widget li {    padding-left: 5px;}
#footer-widgets .footer-widget li:before {   content: none;}
#footer-widgets .footer-widget h4 {
    font: italic 700 26px/1.4em 'Gabriela', serif;
    color: #ffff84;
}
#footer-bottom .container {
    border-top: 1px solid #0d4a74;
    padding-top: 20px;
}
#main-footer,
#footer-bottom {
    background-color: #f26611 !important;
}
#footer-bottom #footer-info,
#footer-bottom #footer-info a{
    float: none;
    text-align: center;
    color: #fff;
}
#footer-widgets .footer-widget .social .link {
    color: #f26611;
    border: 1px solid #f26611;
    height: 50px;
    width: 50px;
    display: -webkit-inline-box;
    margin: 15px;
    background: #dfa623;
    font-size: 22px;
    padding: 14px 12px;
    border-radius: 50%;
}
#footer-widgets .footer-widget .social .link .fa {
    display: flex;
    margin: auto;
    align-items: center;
}
#footer-widgets .footer-widget .social .link:hover {
    background: #f26611;
    color: #dfa623;
    border: 1px solid #dfa623;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}
#footer-widgets #text-2,
#footer-widgets #nav_menu-2,
#footer-widgets #text-4{
    width: 100%;
    text-align: justify;
}
    /*About Us*/
#about-us{
        padding-top: 50px !important;
    padding-bottom: 90px !important;
    background-color: #f4f4f4 !important;
}
#about-us .aboutus-section{
    padding-bottom: 40px;
    text-align: center;
}
#about-us .aboutus-section .above-header {
    text-transform: uppercase;
    margin-bottom: 3px;
    color: #f26611;
    font: 700 15px/1.2em "Arvo", sans-serif;
}
#about-us .aboutus-section h2 {
    font: italic 700 44px/1.2em "Gabriela", sans-serif;
}
#about-us .aboutus-section p {
    width: 70%;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    font: 400 14px/1.9em "Arvo", sans-serif;
}

#about-us #logo_img {
    padding: 0;
}

/*Important Links*/
#imp_links{
        padding-top: 50px !important;
    padding-bottom: 90px !important;
    background-color: #f4f4f4 !important;
}
#imp_links .imp_links-section{
    padding-bottom: 40px;
    text-align: center;
}
#imp_links .imp_links-section .above-header {
    text-transform: uppercase;
    margin-bottom: 3px;
    color: #f26611;
    font: 700 15px/1.2em "Arvo", sans-serif;
}
#imp_links .imp_links-section h2 {
    font: italic 700 44px/1.2em "Gabriela", sans-serif;
}
#imp_links .imp_links-section p {
    width: 70%;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    font: 400 14px/1.9em "Arvo", sans-serif;
}

#imp_links #imp_blurb {
    background-color: #639ba9;
    border-radius: 10px;
}

#imp_links #imp_blurb .et_pb_main_blurb_image {
    padding: 20px;
}

#imp_links #imp_blurb .et_pb_blurb_container {
    padding: 10%;
    text-align: center;
}

#imp_links #imp_blurb .et_pb_blurb_container h4 {
    font: italic 400 22px/1.2em "Gabriela", sans-serif;
    color: #f26611;
}

#imp_links #imp_blurb .et_pb_blurb_container p {
    /*width: 70%;*/
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    font: 400 14px/1.9em "Arvo", sans-serif;
    color:#fffe86;
}

#imp_links #imp_blurb .et_pb_blurb_container span {
    font-family: 'Gabriela', sans-serif;
    font-size: 16px;
    color: #f26611;
}

#imp_links #imp_blurb .et_pb_blurb_container #train-name {
   font-family: 'Gabriela', sans-serif;
    font-size: 16px;
    color: #f26611;
    text-align:start;
}
#imp_links #imp_blurb .et_pb_blurb_container #train-name span {
    font-family: 'Gabriela', sans-serif;
    font-size: 16px;
    color: #fffe86;
}

    /*Terms and Conditions*/
#terms_conditions{
        padding-top: 50px !important;
    padding-bottom: 90px !important;
    background-color: #f4f4f4 !important;
}
#terms_conditions .tc-section{
    padding-bottom: 40px;
    text-align: center;
}
#terms_conditions .tc-section .above-header {
    text-transform: uppercase;
    margin-bottom: 3px;
    color: #f26611;
    font: 700 15px/1.2em "Arvo", sans-serif;
}
#terms_conditions .tc-section h2 {
    font: italic 700 44px/1.2em "Gabriela", sans-serif;
}
#terms_conditions .tc-section p {
    width: 70%;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    font: 400 14px/1.9em "Arvo", sans-serif;
}

#terms_conditions #logo_img {
    padding: 0;
}
#terms_conditions .tc{
    text-align: justify;
}

/* mediaquery for home page*/
@media only screen and (width: 1024px) {
    #discover .tcls-wrap .owl-controls .owl-prev {
        left: -5%;
        top: 30%;
    }
    #discover .tcls-wrap .owl-controls .owl-next {
        right: -5%;
        top: 30%;
    }
}
@media only screen and (max-width: 768px) {
    
    #facilities .tab-panes-container .facility.active {
            display: block;
        }
    #facilities .nav-tabs-container{
        width: auto;
        }
    #discover .tcls-wrap .owl-controls .owl-prev {
        left: -7%;
    }
    #discover .tcls-wrap .owl-controls .owl-next {
        right: -7%;
    }
    #footer-widgets .footer-widget .social .link{
        margin: 10px;
    }
}

/*CSS for Form for Screensize less than 530 px*/
@media only screen and (max-width: 530px) {
      
}

@media only screen and (max-width: 425px) {

    #home #header{
    background-image: url(https://www.castlebapui.com/wp-content/uploads/2020/01/mobile_logo-425.jpg);
    background-position: 50% 50%;
    }
     #rooms .room-section ul,
    #contact .contact-section ul{
        text-align: justify;
        flex-direction: column;    
    }
       #discover .tcls-wrap .owl-controls .owl-prev {
        left: -12%;
    }
    #discover .tcls-wrap .owl-controls .owl-next {
        right: -12%;
    }
    #footer-widgets .footer-widget .social .link{
        margin: 15px;
    }
    #footer-widgets #text-2 h4,
    #footer-widgets #nav_menu-2,
    #footer-widgets #text-4{
        width: 100%;
        text-align: center;
    }
}
@media only screen and (max-width: 375px){
     #facilities .nav-tabs li {
        font-size: 10px;
        }
    #home #header2 .form-container{
            width:90%;
        }
    #home #header{
    background-image: url(https://www.castlebapui.com/wp-content/uploads/2020/01/mobile_logo-375.jpg);
    background-position: 50% 50%;
    }
    #footer-widgets .footer-widget .social .link{
        margin: 12px;
    }
}
@media only screen and (max-width: 320px){
    #home #header{
    background-image: url(https://www.castlebapui.com/wp-content/uploads/2020/01/mobile_logo-320.jpg);
        background-position: 50% 50%;
    }
    #discover .tcls-wrap .owl-controls .owl-prev {
        left: -14%;
}
    #discover .tcls-wrap .owl-controls .owl-next {
        right: -14%;
    }
    #footer-widgets .footer-widget .social .link{
        margin: 7px;
    }
}