/*

Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/
.home .x-navbar
{
transition-duration:0.5s;
background-color:rgba(255, 255, 255, 0.3);
}
.home .x-navbar:hover
{
background-color:rgba(255, 255, 255, 1);
}
.x-navbar-sime-transparent
{
transition-duration: 0.3s;
background-color: rgba(255, 255, 255, 1) !important;
}

.x-child-btn
{
background-color:#2980b9 !important;
border-color: #0445a5 !important;
box-shadow: 0 0.25em 0 0 #1699ad,0 4px 9px rgba(0,0,0,0.75) !important;
transition-duration:0.3s;
}

.x-child-btn:hover
{
background-color:#15669b !important;
}

/* Custom form */

.custom-form .fsBody,
.custom-form .fsBody .fsForm {
    background: none;
    margin: 0px;
    padding: 0px;
}
.custom-form .custom-form-title {
    text-align: center;
    font-size: 20px;
    color: #272727;
    margin-top: 30px;
}
.custom-form button {
    width: 50% !important;
    display: block;
    float: left;
    text-align: center;
    margin-bottom: 15px;
    margin-right: 0px;
    box-shadow: none !important;
}
.custom-form button label {
	font-size: 15px;
    line-height: 1.45;
    cursor: pointer;
    min-width: 100px;
    max-width: 100px;
}
.custom-form .fsImageOptionFieldContainer,
.custom-form button {
	flex: none !important;
	flex-direction: none !important;
}
.custom-form .fsImageOptionFieldContainer {
	display: block !important;
}
.custom-form .fsImageOptionButton:hover {
	transform: none;
	box-shadow: none;
}
.custom-form label.fsOptionLabel input {
    display: none;
}
.custom-form .fsImageOptionImageSelected:before {
    width: 40px !important;
    height: 40px !important;
    background: #4099ff;
    position: absolute;
    border: 0px solid #444;
    box-shadow: none;
    font-family: "FontAwesome";
    content: '\f00c' !important;
    color: #fff;
    font-size: 25px;
    display: block !important;
    top: -2px;
}
.custom-form .fsImageOptionImageSelected {
    box-shadow: none !important;
    display: block !important;
}
.custom-form button label:before {
	content: ' ';
	background-size: cover;
	display: block;
	padding-bottom: 25px;
	margin-bottom: 10px;
	width: 100%;
	height: 65px;
}
.custom-form button:nth-child(1) label:before {
	background: url("https://zephoria.com/wp-content/uploads/2019/04/Enterpise-SEO.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.custom-form button:nth-child(3) label:before {
	background: url("https://zephoria.com/wp-content/uploads/2019/04/Social-Media-Marketing.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.custom-form button:nth-child(5) label:before {
	background: url("https://zephoria.com/wp-content/uploads/2019/04/Starting-A-Blog.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.custom-form button:nth-child(7) label:before {
	background: url("https://zephoria.com/wp-content/uploads/2019/04/Web-Analytics-Consulting.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.custom-form button:nth-child(9) label:before {
	background: url("https://zephoria.com/wp-content/uploads/2019/04/Site-Audit.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.custom-form button:nth-child(11) label:before {
	background: url("https://zephoria.com/wp-content/uploads/2019/04/Competitive-Analysis.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.custom-form .fsBody .fsFieldRow {
    margin-bottom: 0px !important;
}
.custom-form .fsBody .fsFieldRow,
.custom-form .fsBody .fsRowBody {
    margin-bottom: 0px !important;
}
.custom-form .fsForm .fsSubmit {
    margin-top: 0px;
}
.custom-form .fsRow:nth-child(2),
.custom-form .fsRow:nth-child(3) {
    max-width:220px;
    margin: 0 auto
}

/* Post bottom */

.custom-form.post-bottom button {
    width: 33% !important;
    flex-direction: initial;
}
.custom-form.post-bottom .fsImageOptionImage,
.custom-form.post-bottom .fsImageOptionImageSelected {
    width: auto !important;
}
.custom-form.post-bottom button:nth-child(7) {
    clear:both;
}
.custom-form.post-bottom .fsRow:nth-child(2),
.custom-form.post-bottom .fsRow:nth-child(3),
.custom-form.post-bottom .fsRow:nth-child(4),
.custom-form.post-bottom .fsRow:nth-child(5) {
    max-width: 570px !important;
    margin: 0 auto
}
.custom-form.post-bottom .fsRow:nth-child(2) {
    margin-top: 20px;
}
.custom-form .fsOptionLabel {
    background: none !important;
    border: 0px !important;
}
