/*
 Theme Name:     FWS Child
 Theme URI:      https://www.liberty.co.mw
 Description:    FWS Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.freelancemw.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

#logo {float:right; margin-top: 20px;}
#et-top-navigation {float: left; padding-left: 0px !important;}

.ds-fw-slider .et_pb_slides .et_pb_container {
    display: flex;
    align-items: flex-end;
    width: 100%;
    min-width: 100%;
}

.ds-fw-slider .et_pb_slides .et_pb_slider_container_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 10%;
	padding-bottom: 10%;
	padding-top: 50%;
	
	
}

.ds-fw-slider .et_pb_slide {
    padding: 0;
    min-height: 60vh;
    height: 50vh;
	
}

.ds-fw-slider .et_pb_slide_description {
    width: 50%;
    margin:0;
	padding: 0;
    
}

/* style the get started cta button */
            .get-started {border-radius: 0px;}
            .get-started a {color: #fff!important;}
            li.get-started {
                background-color:#ed7818; 
                font-weight: 700; 
                text-transform: uppercase; 
                text-align: center; 
                padding: 10px 13px 10px 10px!important;
							margin-top: -8px;
            border-radius: 3px;
                -moz-transition: all 0.5s; 
                -webkit-transition: all 0.5s;
                transition: all 0.5s;}
            li.get-started:hover {background-color:#c96310;}
 
/* fixed header button text color */
                 .et-fixed-header #top-menu .get-started a {
                        color: #fff!important;}
        .get-started li.current-menu-ancestor > a, .get-started li.current-menu-item > a {
                    color: #fff !important;}
 
 
 
    @media only screen and (min-width : 981px) {
            li.get-started {height: 33px;}}



/*----------Custom Footer Icons----------*/
 
#footer-info {
    float: none;
    padding-bottom: 10px;
    color: #000000;
    text-align: center;
}
 
#footer-bottom .et-social-icons {
    float: none;
    text-align: center;
    margin-top: -32px;
    margin-bottom: 15px;
}
 
#footer-bottom .et-social-icon a {
    display: inline-block;
    position: relative;
    color: #fff;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
    transition: color .3s ease 0s;
    background: #547a91;
    padding: 8px;
    border-radius: 25px;
    border: 1px solid white;
    width: 40px;
    height: 40px;
}
 
#footer-bottom .et-social-icon a:hover {
    background: #547a91;
    opacity: 1!important;
}
 
#footer-bottom .et-social-icons li {
    display: inline-block;
    margin-left: 10px;
}

.soliloquy-container .soliloquy-controls-direction { 
  display: block !important; 
	
}

.soliloquy-container .soliloquy-prev { 
  left: 0 !important; 
  opacity: 1 !important;

	
}
.soliloquy-container .soliloquy-next { 
  right: 0 !important; 
  opacity: 1 !important;
  
	
}

@font-face {
  font-family: 'Guardian TextSans Web';
  src: url('/wp-content/themes/fws-child/fonts/GuardianTextSans-Regular-Web.eot');
  src: url('/wp-content/themes/fws-child/fonts/GuardianTextSans-Regular-Web.eot?#iefix') format('embedded-opentype'),
       url('/wp-content/themes/fws-child/fonts/GuardianTextSans-Regular-Web.woff2') format('woff2'),
       url('/wp-content/themes/fws-child/fonts/GuardianTextSans-Regular-Web.woff') format('woff');
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
}

.GuardianTextSans-Regular-Web {
  font-family: 'Guardian TextSans Web';
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
}


h1 {
  font-family: 'Guardian TextSans Web';
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
}

h2 {
  font-family: 'Guardian TextSans Web';
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
}

h3 {
  font-family: 'Guardian TextSans Web';
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
}

h4 {
  font-family: 'Guardian TextSans Web';
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
}

h5 {
  font-family: 'Guardian TextSans Web';
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
}

h6 {
  font-family: 'Guardian TextSans Web';
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
}

p {
  font-family: 'Guardian TextSans Web';
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
}


.tml .tml-field {
    width: 100%;
    border-radius: 10px !important;
    padding: 10px !important;
}

.tml-button {
    
    background-color: #00b5ed;
    border-color: rgba(255,255,255,0);
    border-radius: 13px;
    color: #ffffff;
    padding-right: 100px!important;
    padding-left: 100px!important;
}