/*
Theme Name: Wargency Child
Template: wargency
Theme URI: http://themewar.com/wp/wargency/
Author: ThemeWar
Author URI: http://themewar.com/
Description: Child theme for Wargency. Child themes are the recommended way of making modifications to a theme. <a href="http://codex.wordpress.org/Child_Themes">Reade More</a>
Version: 1.0
License: 
License URI: 
Text Domain: wargency-child
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
*/


/* CTAs on PAGE */
.free-consultation-shortcode{
	position: relative;
	margin:20px 0;
    display: inline-block;
    border-radius: 45px;
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    min-width: 160px;
    padding: 0 40px;
    height: 45px;
    letter-spacing: 1px;
    line-height: 43px;
    text-transform: uppercase;
    background: rgb(236, 7, 199);
    background: linear-gradient(80deg, rgba(236, 7, 199, 1) 0%, rgba(19, 139, 255, 1) 100%);
    transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
	border:0;
}
.free-consultation-shortcode:hover {
    background: linear-gradient(80deg, rgba(19, 139, 255, 1) 0%,  rgba(236, 7, 199, 1) 100%);
}
/* END */


.jayce-test {
    position: relative !important;
}
.jayce-test:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #00000033;
}.logo img {
    max-width: 100%;
    height:150px;
    padding: 10px;
    background: white;
    border-radius: 100px;
}
/* LEFT COTNENT */
.left-content ul {
    padding: 0;
    list-style-position: inside;
}
.left-content p a{
	color:var( --e-global-color-accent );
	text-decoration:underline;
}
.left-content h2 {
    font-size: 35px;
    line-height: 1.3;
    margin: 20px 0;
	font-weight:400;
	color:#c31db5;
}
.left-content h3 {
    font-size: 30px;
	color:#c31db5;
	margin: 20px 0;
	font-weight:400;
}
.left-content h4 {
    font-size: 25px;
	 margin: 20px 0;
	font-weight:400;
	color:#c31db5;
}
.left-content h5,
.left-content h6{
    font-size: 20px 0;
	color:#c31db5;
	 margin: 20px;
	font-weight:400;
}
/* END */

/* SIDEBAR */
.sidebar {
    position: relative;
    padding: 0 0 30px;
    margin: 0 0 30px;
    border-bottom: 1px solid #00000014;
}
.sidebar .title {

    font-size: 30px;
    margin: 0 0 20px;
	    color: #c31db5;
    font-weight: 400;
}
.sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.sidebar ul li {
    line-height: 2.5;
    padding-left: 20px;
    position: relative;
}
.sidebar ul li:after {
    position: absolute;
    content: '\2713';
    font-size: 15px;
    left: 0;
    top: 1px;
}
.sidebar ul li a {
    text-decoration: none;
    color: #2f2f2f;
}
.sidebar ul li a:hover {
    color: #c31db5;
}

.sidebar .form {
    position: relative;
}
.sidebar .form .inputs {
    margin: 0 0 15px;
}
.sidebar .form .inputs input, .sidebar .form .inputs textarea {
    width: 100%;
    padding: 10px 20px;
    background: #f6f6f6;
    border: 0;
    font-size: 16px;
    outline: none;
    border-radius: 8px;
}
.sidebar .form .inputs .send {
   position: relative;
    display: inline-block;
    border-radius: 45px;
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    min-width: 160px;
    padding: 0 40px;
    height: 45px;
    letter-spacing: 1px;
    line-height: 43px;
    text-transform: uppercase;
    background: rgb(236, 7, 199);
    background: linear-gradient(80deg, rgba(236, 7, 199, 1) 0%, rgba(19, 139, 255, 1) 100%);
    transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
}
.sidebar .form .inputs .send:hover {
    background: linear-gradient(80deg, rgba(19, 139, 255, 1) 0%,  rgba(236, 7, 199, 1) 100%);
}
.sidebar:nth-child(2) {
    position: sticky;
    top: 50px;
}
.sidebar .latestnews {
    position: relative;
    padding: 0 0 20px;
    margin: 0 0 20px;
    border-bottom: 1px solid #ebebeb;
}
.sidebar .latestnews .latesttitle {
    font-size: 18px;
    line-height: 1.7;
}
.sidebar .latestnews .latesttitle a {
    color:  var( --e-global-color-accent );
    text-decoration: none;
}
.sidebar .latestnews .latesttitle a:hover {
    color:  var( --e-global-color-primary )
}
.sidebar .latestnews .thedate {
    margin: 0 0 10px;
    font-size: 12px;
    color: #304a73;
}
.sidebar .latestnews .excerpt {
    margin: 0;
}

/* END */
@media only screen and (max-width : 768px){
	.logo img {
    max-width: 100%;
    height: 100px;
    padding: 10px;
    background: white;
    border-radius: 100px;
}
	.left-content h2 {
    font-size: 30px;
    line-height: 1.3;
    margin: 20px 0;
    font-weight: 400;
    color: #c31db5;
}
	.left-content h3 {
    font-size: 25px;
    color: #c31db5;
    margin: 20px 0;
    font-weight: 400;
}
	.left-content h4 {
    font-size: 20px;
    color: #c31db5;
    margin: 20px 0;
    font-weight: 400;
}
	.left-content h5,
	.left-content h6{
    font-size: 18px;
    color: #c31db5;
    margin: 20px 0;
    font-weight: 400;
}
}