/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/
a.btn:not([href]):not([tabindex]).btn-reveal, .btn.btn-reveal {
    padding: 7px 30px 7px 30px;
}
.inspiro-slider .slide-captions .strong::after {
    border-top: 0px solid #fff;
    content: "";
    display: block;
    margin-bottom: 0;
    margin-top: 0px;
    width: 0px;
}
#mainMenu nav > ul > li.mega-menu-item .mega-menu-content .mega-menu-title {
    font-family: 'Fira Sans', sans-serif;
    font-size: 13px;
    line-height: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 0px;
}

#mainMenu nav > ul > li .dropdown-menu > li > a, 
#mainMenu nav > ul > li .dropdown-menu > li > span, 
#mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a {

    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    font-style: normal;
    color: rgb(68, 68, 68, 0.7);
    font-family: 'Fira Sans', sans-serif;
    padding: 8px 8px 8px 8px;
    display: block;
    transition: .3s ease;
}
#mainMenu nav > ul > li .dropdown-menu > li > a:hover, 
#mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover {
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    font-style: normal;
    /* color: #000000; */
    color: #2C50EE;
    font-family: 'Fira Sans', sans-serif;
    padding-left: 10px;
    display: block;
    transition: .3s ease;
    background-color:#E5E7E9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


.fa-ico {
    color:#FFF !important;
}


.sl-center {
	display:block;
	text-align:center;
}

.text-green {
    color:#4AC07A !important;
}

.text-success {
	color:#4AC07A !important;
}
.pwa-rm-container {
	display:none;
}

.pt-serif {
    font-family: 'PT Serif', serif !important;
}
.pt-serif-bold {
    font-family: 'PT Serif', serif !important;
    font-weight:700 !important;
}
.pt-serif-bold-italic {
    font-family: 'PT Serif', serif !important;
    font-style: italic;
    font-weight:700 !important;
}

.noto-sans {
    font-family: 'Noto Sans TC', sans-serif;
}
.noto-sans-semi-bold {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 500;
}
.noto-sans-bold {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 700;
}



.btn svg {
    position:absolute;
    display:none;
    left:10px;
}
.btn:hover svg {
    position:absolute;
    display:inline-block;
    left:15px;
}

.rp-feature {
    
}
.rp-content {
    line-height:18px;
}
.rp-feature-ico {
    line-height:18px;
    padding-right:10px;
}

.pdr-1 { padding-right:10px; }
.pdr-2 { padding-right:20px; }
.pdr-3 { padding-right:30px; }
.pdr-4 { padding-right:40px; }

.list-learn-more {
    border-radius:0px;
    border-right:0px;
    border-left:0px;
    border-bottom:0px;
    border-color:#dee2e6 !important;
    
}

.whiteLogo {
    max-width:300px !important;
    height:auto !important;
}
.darkLogo {
    max-width:300px !important;
    height:auto !important;
}

a.blue:link, a.blue:active, a.blue:visited {
    color: #2C50EE; 
}

#gosquared_form input[type="submit"]{background-color:#2C50EE;}
#gosquared_form input[type="submit"]:active{background-color:#4b6fff;}
#gosquared_form input[type="submit"]:focus{background-color:#4064ff;}
#gosquared_form input[type="submit"]:hover{background-color:#365af8;}
#gosquared_form input[type="submit"]:disabled:hover{background-color:#2C50EE;}
#gosquared_form {width: 100%;max-width: 600px;box-sizing: border-box;padding: 20px;border-radius: 10px;background: #fff;border: 0px !important;box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);font-family: gs-inter-2020-11, 'Helvetica Neue', Helvetica, Arial, sans-serif;position: relative;}a.poweredby {display:none !important;}
.gs3c{display:none !important;position:absolute;width:1px;height:1px;}