@import url('https://fonts.googleapis.com/css?family=Raleway:400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Roboto+Condensed:400,400i,700,700i');

.contact_m a {
    background:red;
    padding:5px;
    border-radius:5px;
    color:#fff
}

.contact_m a:link {
    color:#fff
}

h2 {
    font-family: var(--default_vars-_-font-family-heading-h2);
    font-size: var(--default_vars-_-font-size-heading-h2);
    font-weight: var(--default_vars-_-font-weight-heading-h2);
    text-transform: var(--default_vars-_-font-transform-heading-h2);
    line-height: var(--default_vars-_-font-line-height-heading-h2);
    letter-spacing: var(--default_vars-_-font-letter-spacing-heading-h2);
}

#custom-search-input {
    margin:0;
    margin-top: 30px;
    padding: 0;
}

#custom-search-input .search-query {
padding-right: 3px;
padding-right: 4px \9;
padding-left: 3px;
padding-left: 4px \9;
/* IE7-8 doesn't have border-radius, so don't indent the padding */

margin-bottom: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

#custom-search-input button {
border: 0;
background: none;
/** belows styles are working good */
padding: 2px 7px;
margin-top: 2px;
position: relative;
left: -28px;
/* IE7-8 doesn't have border-radius, so don't indent the padding */
margin-bottom: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color:#D9230F;
}

.search-query:focus + button {
z-index: 3;
}

.search-query{
padding: 30px;
}
.u-button-m a:hover {
background: #1f99d7;
color:#fff;
border-radius:3px;
padding: 8px 16px;
border-radius: 3px;
}

#custom-search-input .search-query{
padding:25px;
}

a.u-button-style.u-button-style.u-text-hover-palette-1-base:hover, a.u-button-style.u-button-style.u-text-hover-palette-1-base[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-text-hover-palette-1-base:focus, a.u-button-style.u-button-style.u-text-hover-palette-1-base[class*="u-border-"]:focus, a.u-button-style.u-button-style.u-button-style.u-text-active-palette-1-base:active, a.u-button-style.u-button-style.u-button-style.u-text-active-palette-1-base[class*="u-border-"]:active, a.u-button-style.u-button-style.u-button-style.u-text-active-palette-1-base.active, a.u-button-style.u-button-style.u-button-style.u-text-active-palette-1-base[class*="u-border-"].active, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-palette-1-base:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-palette-1-base.active, .u-popupmenu-items.u-text-hover-palette-1-base .u-nav-link:hover, .u-popupmenu-items.u-popupmenu-items.u-text-active-palette-1-base .u-nav-link.active {
    color: #0c0c0c !important;
}

a.u-button-style.u-button-style.u-text-hover-palette-2-base:hover, a.u-button-style.u-button-style.u-text-hover-palette-2-base[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-text-hover-palette-2-base:focus, a.u-button-style.u-button-style.u-text-hover-palette-2-base[class*="u-border-"]:focus, a.u-button-style.u-button-style.u-button-style.u-text-active-palette-2-base:active, a.u-button-style.u-button-style.u-button-style.u-text-active-palette-2-base[class*="u-border-"]:active, a.u-button-style.u-button-style.u-button-style.u-text-active-palette-2-base.active, a.u-button-style.u-button-style.u-button-style.u-text-active-palette-2-base[class*="u-border-"].active, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-palette-2-base:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-palette-2-base.active, .u-popupmenu-items.u-text-hover-palette-2-base .u-nav-link:hover, .u-popupmenu-items.u-popupmenu-items.u-text-active-palette-2-base .u-nav-link.active {
    color: #fff !important;
}

.continue{
    background:transparent;
    padding:8px;
    border-radius:10px;
    color:red;
    border-color: red;
    text-decoration:none;
    border-style: solid;
    }

    .continue:hover {
    background:red;
    color:#fff;

    }

.blog-signup {
   margin-top: 20px;
   margin-bottom: 20px;
   padding: 10px;
   background: transparent;
   color: red;
   border-color: red;
   border-style: solid;
   font-weight: 600;
}

.blog-signup:hover {
    background: red;
    color: #fff;
    border-color:red;
 }

 .title-post {
     font-weight:700;
 }

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    #custom-search-input .search-query{
    padding:20px;
}
.blog-signup {
    padding: 5px;
    font-weight: 600;
 }
 .continue{
    padding:5px;
    border-radius:6px;
 }

}