/*
Theme Name: Hufschmid
Theme URI: http://kanzlei-hufschmid.de
Author: wpGO
Author URI: https://wpgo.de
Description: In dubio pro reo.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hufschmid
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Hufschmid is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
    ## Links
    ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
    ## Asides
    ## Comments
# Infinite scroll
# Media
    ## Captions
    ## Galleries
# Extension home
# Contact Form 7
# Extension subpages
# Extension blog
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html
{
    font-family: sans-serif;

    -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
}

body
{
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary
{
    display: block;
}

audio,
canvas,
progress,
video
{
    display: inline-block;

    vertical-align: baseline;
}

audio:not([controls])
{
    display: none;

    height: 0;
}

[hidden],
template
{
    display: none;
}

a
{
    background-color: transparent;
}

a:active,
a:hover
{
    outline: 0;
}

abbr[title]
{
    border-bottom: 1px dotted;
}

b,
strong
{
    font-weight: bold;
}

dfn
{
    font-style: italic;
}

h1
{
    font-size: 2em;

    margin: .67em 0;
}

mark
{
    color: #000;
    background: #ff0;
}

small
{
    font-size: 80%;
}

sub,
sup
{
    font-size: 75%;
    line-height: 0;

    position: relative;

    vertical-align: baseline;
}

sup
{
    top: -.5em;
}

sub
{
    bottom: -.25em;
}

img
{
    border: 0;
}

svg:not(:root)
{
    overflow: hidden;
}

figure
{
    margin: 1em 40px;
}

hr
{
    box-sizing: content-box;
    height: 0;
}

pre
{
    overflow: auto;
}

code,
kbd,
pre,
samp
{
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea
{
    font: inherit;

    margin: 0;

    color: inherit;
}

button
{
    overflow: visible;
}

button,
select
{
    text-transform: none;
}

button,
html input[type='button'],
input[type='reset'],
input[type='submit']
{
    cursor: pointer;

    -webkit-appearance: button;
}

button[disabled],
html input[disabled]
{
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner
{
    padding: 0;

    border: 0;
}

input
{
    line-height: normal;
}

input[type='checkbox'],
input[type='radio']
{
    box-sizing: border-box;
    padding: 0;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button
{
    height: auto;
}

input[type='search']
{
    box-sizing: content-box;

    -webkit-appearance: textfield;
}

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration
{
    -webkit-appearance: none;
}

fieldset
{
    margin: 0 2px;
    padding: .35em .625em .75em;

    border: 1px solid #c0c0c0;
}

legend
{
    padding: 0;

    border: 0;
}

textarea
{
    overflow: auto;
}

optgroup
{
    font-weight: bold;
}

table
{
    border-spacing: 0;
    border-collapse: collapse;
}

td,
th
{
    padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea
{
    font-family: sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;

    color: #404040;
}

h1,
h2,
h3,
h4,
h5,
h6
{
    clear: both;
}

p
{
    margin-bottom: 1.5em;
}

h1
{
    font-size: 22px !important;
}

dfn,
cite,
em,
i
{
    font-style: italic;
}

blockquote
{
    margin: 0 1.5em;
}

address
{
    margin: 0 0 1.5em;
}

pre
{
    font-family: 'Courier 10 Pitch', Courier, monospace;
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.6;

    overflow: auto;

    max-width: 100%;
    margin-bottom: 1.6em;
    padding: 1.6em;

    background: #eee;
}

code,
kbd,
tt,
var
{
    font-family: Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace;
    font-size: 15px;
    font-size: .9375rem;
}

abbr,
acronym
{
    cursor: help;

    border-bottom: 1px dotted #666;
}

mark,
ins
{
    text-decoration: none;

    background: #fff9c0;
}

big
{
    font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html
{
    box-sizing: border-box;
}

*,
*:before,
*:after
{
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body
{
    background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after
{
    content: '';
}

blockquote,
q
{
    quotes: '' '';
}

hr
{
    height: 1px;
    margin-bottom: 1.5em;

    border: 0;
    background-color: #ccc;
}

.clearfix
{
    clear: both;
}

ul,
ol
{
    margin: 0 0 1.5em 3em;
}

ul
{
    list-style: disc;
}

ol
{
    list-style: decimal;
}

li > ul,
li > ol
{
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt
{
    font-weight: bold;
}

dd
{
    margin: 0 1.5em 1.5em;
}

img
{
    max-width: 100%; /* Adhere to container width. */
    height: auto; /* Make sure images are scaled correctly. */
}

table
{
    width: 100%;
    margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type='button'],
input[type='reset'],
input[type='submit']
{
    font-size: 12px;
    font-size: .75rem;
    line-height: 1;

    padding: .6em 1em .4em;

    color: rgba(0, 0, 0, .8);
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 15px 17px rgba(255, 255, 255, .5), inset 0 -5px 12px rgba(0, 0, 0, .05);
    text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
}

button:hover,
input[type='button']:hover,
input[type='reset']:hover,
input[type='submit']:hover
{
    border-color: #ccc #bbb #aaa;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), inset 0 15px 17px rgba(255, 255, 255, .8), inset 0 -5px 12px rgba(0, 0, 0, .02);
}

button:focus,
input[type='button']:focus,
input[type='reset']:focus,
input[type='submit']:focus,
button:active,
input[type='button']:active,
input[type='reset']:active,
input[type='submit']:active
{
    border-color: #aaa #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .5), inset 0 2px 5px rgba(0, 0, 0, .15);
}

input[type='text'],
input[type='email'],
input[type='url'],
input[type='password'],
input[type='search'],
textarea
{
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
}

input[type='text']:focus,
input[type='email']:focus,
input[type='url']:focus,
input[type='password']:focus,
input[type='search']:focus,
textarea:focus
{
    color: #111;
}

input[type='text'],
input[type='email'],
input[type='url'],
input[type='password'],
input[type='search']
{
    padding: 3px;
}

textarea
{
    width: 100%;
    padding-left: 3px;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a
{
    color: royalblue;
}

a:visited
{
    color: purple;
}

a:hover,
a:focus,
a:active
{
    color: midnightblue;
}

a:focus
{
    outline: thin dotted;
}

a:hover,
a:active
{
    outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation
{
    display: block;
    float: left;
    clear: both;

    width: 100%;
}

.main-navigation ul
{
    display: none;

    margin: 0;
    padding-left: 0;

    list-style: none;
}

.main-navigation li
{
    position: relative;

    float: left;
}

.main-navigation a
{
    display: block;

    text-decoration: none;
}

.main-navigation ul ul
{
    position: absolute;
    z-index: 99999;
    top: 1.5em;
    left: -999em;

    float: left;

    box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
}

.main-navigation ul ul ul
{
    top: 0;
    left: -999em;
}

.main-navigation ul ul a
{
    width: 200px;
}

.main-navigation ul ul li a:hover
{
    color: #333 !important;
    border-bottom: none !important;
    background-color: #eee !important;
}

.main-navigation ul ul li.current-menu-item a
{
    border-bottom: none !important;
    background-color: #fff !important;
}

.main-navigation .navbar-collapse > ul > li.current-menu-ancestor > a
{
    font-weight: bold;

    color: #003d69 !important;
}

ul.dropdown-menu
{
    padding-top: 0 !important;
}



.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul
{
    left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul
{
    left: 100%;
}



/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul
{
    display: block;
}

@media screen and (min-width: 37.5em)
{
    .menu-toggle
    {
        display: none;
    }
    .main-navigation ul
    {
        display: block;
    }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation
{
    overflow: hidden;

    margin: 0 0 1.5em;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous
{
    float: left;

    width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next
{
    float: right;

    width: 50%;

    text-align: right;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text
{
    position: absolute !important;

    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);

    width: 1px;
    height: 1px;
}

.screen-reader-text:focus
{
    font-size: 14px;
    font-size: .875rem;
    font-weight: bold;
    line-height: normal;

    z-index: 100000; /* Above WP toolbar. */
    top: 5px;
    left: 5px;

    display: block;
    clip: auto !important;

    width: auto;
    height: auto;
    padding: 15px 23px 14px;

    text-decoration: none;

    color: #21759b;
    border-radius: 3px;
    background-color: #f1f1f1;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft
{
    display: inline;
    float: left;

    margin-right: 1.5em;
}

.alignright
{
    display: inline;
    float: right;

    margin-left: 1.5em;
}

.aligncenter
{
    display: block;
    clear: both;

    margin-right: auto;
    margin-left: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after
{
    display: table;

    content: '';
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after
{
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget
{
    margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select
{
    max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit
{
    display: none;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

.telmobile
{
    display: none;
}

.titelbild-fullwidth .container
{
    max-width: 1170px;
    margin: 0 auto;
    padding: 0;
}
.titelbild-fullwidth .titelbild
{
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 1200px)
{
    .titelbild-anfrage
    {
        max-width: 970px!important;
    }
}

@media screen and (max-width: 991px)
{
    .titelbild-anfrage
    {
        max-width: 750px!important;
    }
}

@media screen and (min-width: 1024px)
{
    .anfrage
    {
        overflow: hidden;
    }
}
iframe[seamless]
{
    overflow: hidden;
}

.mobil-anfrage
{
    display: none;
}

@media screen and (max-width: 768px)
{
    .telmobile
    {
        display: block!important;
    }
    .teldesktop
    {
        display: none;
    }
    .mobil-anfrage
    {
        display: block;
    }
    .anfrage
    {
        display: none;
    }
    .titelbild-anfrage ul::before,
    .titelbild-anfrage ul::after
    {
        display: none!important;
    }
    .anfrage-rating
    {
        font-size: 16px!important;

        max-width: 100%!important;
    }
    .titelbild-anfrage h1
    {
        font-size: 22px!important;
    }
    .titelbild-anfrage
    {
        padding: 25px!important;
    }
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky
{
    display: block;
}

.hentry
{
    margin: 0 0 1.5em;
}

.byline,
.updated:not(.published)
{
    display: none;
}

.single .byline,
.group-blog .byline
{
    display: inline;
}

.page-content,
.entry-content,
.entry-summary
{
    margin: 1.5em 0 0;
}

.page-links
{
    clear: both;

    margin: 0 0 1.5em;
}
a.blog-more-link
{
    color: white!important;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title
{
    display: none;
}
aside.widget_search
{
    margin-top: 20px;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a
{
    word-wrap: break-word;
}

.bypostauthor
{
    display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
/* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer
{
    /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer
{
    display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley
{
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;

    border: none;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object
{
    max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption
{
    max-width: 100%;
    margin-bottom: 1.5em;
}

.wp-caption img[class*='wp-image-']
{
    display: block;

    margin-right: auto;
    margin-left: auto;
}

.wp-caption .wp-caption-text
{
    margin: .8075em 0;
}

.wp-caption-text
{
    text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery
{
    margin-bottom: 1.5em;
}

.gallery-item
{
    display: inline-block;

    width: 100%;

    text-align: center;
    vertical-align: top;
}

.gallery-columns-2 .gallery-item
{
    max-width: 50%;
}

.gallery-columns-3 .gallery-item
{
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item
{
    max-width: 25%;
}

.gallery-columns-5 .gallery-item
{
    max-width: 20%;
}

.gallery-columns-6 .gallery-item
{
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item
{
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item
{
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item
{
    max-width: 11.11%;
}

.gallery-caption
{
    display: block;
}

/* Anfrage */
.anfrage-list
{
    margin-top: 25px;
}

.anfrage-list li::before
{
    display: none;
}
.anfrage-list li i
{
    color: #ff9500;
}
.anfrage-list li
{
    padding-left: 0 !important;
}
.anfrage-area h2
{
    font-weight: bold;

    margin-bottom: 25px;

    color: #015285;
}
.anfrage-box
{
    display: block;

    min-height: 200px;

    color: #777;
    border: 1px solid #ccc;
}

.anfrage-box i
{
    font-size: 65px;

    display: block;

    margin-bottom: 10px;
    padding-top: 30px;

    color: #ff9500;
}
.anfrage-title
{
    font-size: 24px;
    font-weight: bold;

    margin-bottom: 0;

    color: #015387;
}

.anfrage-sidebar h3
{
    font-size: 20px;
    font-weight: bold;

    margin-top: 42px;
    margin-bottom: 25px;
}


.anfrage-box a
{
    text-decoration: none !important;
}
.anfrage-box:hover
{
    border: #015387;
    background: #015387;
}
.anfrage-box:hover i,
.anfrage-box:hover p
{
    color: white;
}
.anfrage-image img
{
    position: relative;
    bottom: -45px;

    display: inline-block;

    margin-top: 50px;
}
.titelbild-anfrage ul
{
    margin: 0;
    padding: 0;
}
.titelbild-anfrage li
{
    font-size: 28px;

    display: inline-block;

    padding: 2px;

    color: #ff9500;
}
.titelbild-anfrage h1
{
    font-size: 34px;
    font-weight: bold;

    margin-bottom: 0;

    color: white;
}

.titelbild-anfrage
{
    max-width: 1170px;
    margin: 0 auto;
    padding: 50px 25px 50px 25px;

    color: white;
    background: #014b7b url(https://kanzlei-hufschmid.de/wp-content/themes/hufschmid/img/anfrage-background.jpg) no-repeat center center / cover;
}
.titelbild-formular
{
    max-width: 1170px;
    margin: 0 auto;
    padding: 120px;

    color: white;
    background: #014b7b url(https://kanzlei-hufschmid.de/wp-content/uploads/2015/09/kanzlei-hufschmid-team.jpg) no-repeat center center / cover;
}

.anfrage-btn a
{
    font-size: 16px;

    display: inline-block;

    margin-top: 10px;
    padding: 10px 15px;

    cursor: pointer;
    text-decoration: none;
    text-decoration: none;

    color: white!important;
    background: #ff9500;
}
.anfrage-btn a:hover
{
    text-decoration: none;

    background: orange;
}
.anfrage-rating
{
    font-size: 22px;
    line-height: 1.2;

    max-width: 50%;
    margin: 0 auto;
    margin-bottom: 0;
    margin-bottom: 10px;
}
.titelbild-anfrage ul::before
{
    position: relative;
    bottom: 8px;

    display: inline-block;

    width: 150px;
    height: 2px;
    margin-right: 10px;

    content: '';

    background: rgba(255, 255, 255, .5);
}

.titelbild-anfrage ul::after
{
    position: relative;
    bottom: 8px;

    display: inline-block;

    width: 150px;
    height: 2px;
    margin-left: 10px;

    content: '';

    background: rgba(255, 255, 255, .5);
}
.teldesktop .anfrage-box:hover
{
    border: 1px solid #ccc;
    background: none;
}
.teldesktop .anfrage-box:hover i
{
    color: #ff9500!important;
}
.teldesktop .anfrage-box:hover .anfrage-title
{
    color: #015387;
}
.teldesktop .anfrage-box:hover .anfrage-subtitle
{
    color: #777;
}

/* Multi Step Form */
#multi-step-form .fw-step-part
{
    padding: 15px 0;
}
#multi-step-form .fw-step-part
{
    margin: 0 0 15px 0;
}

#multi-step-form h2.fw-step-part-title
{
    font-size: 16px;
    font-weight: bold;

    margin: 0 20px 10px 15px !important;

    color: #003d69;
}
#multi-step-form [data-type='fw-radio'] label,
#multi-step-form [data-type='fw-checkbox'] label
{
    font-size: 14px;
}
#multi-step-form .fw-wizard-step-container h3
{
    font-size: 14px;

    color: black;
}
#multi-step-form .fa.form-control-feedback
{
    font-size: 18px;
    font-size: 25px;

    position: absolute;
    left: -45px;

    float: left;

    box-sizing: border-box;
    width: 35px;
    height: 40px;
    margin-top: 12px;
    padding: 0;

    color: white;
    border-right: none;
}
#multi-step-form .fw-text-input,
#multi-step-form .fw-text-input[type='text']
{
    width: 100%;
    padding: 5px;
}
#multi-step-form .fw-step-block
{
    margin-bottom: 15px;
}
#multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step
{
    width: 20%;
}
#multi-step-form .fw-btn-submit
{
    background: #ff9400 !important;
}
#multi-step-form .fw-btn-submit:hover
{
    background: #ff6c00 !important;
    box-shadow: none;
}
#multi-step-form .fw-button-previous:hover,
#multi-step-form .fw-button-next:hover
{
    background: #003d69 !important;
    box-shadow: none;
}
.fw-paragraph-container p
{
    font-size: 14px !important;
}
#multi-step-form .fw-textarea
{
    padding: 10px;
}
.fw-paragraph-container .list--pdf li
{
    padding-left: 0;

    list-style-image: url('/wp-content/themes/hufschmid/img/pdf.png') !important;
}
.fw-paragraph-container .list--pdf
{
    padding-left: 25px;
}

/*--------------------------------------------------------------
# Extension home
--------------------------------------------------------------*/
.start-law
{
    padding-bottom: 20px;
}
.column-law
{
    padding: 0 25px 10px 0;
}
.column-law h2
{
    font-size: 18px;
}
.column-law h2::before
{
    font-family: 'FontAwesome';

    padding-right: 5px;

    content: '\f0da';

    color: #003d69;
}
.column-law h2 > a
{
    text-decoration: none;
}
.column-law h2 > a:hover
{
    color: #828282;
}
@media (min-width: 992px)
{
    .column-law
    {
        float: left;

        width: 50%;
    }
}
@media (max-width: 991px)
{
    .column-law
    {
        float: none;

        width: 100%;
    }
}
/*--------------------------------------------------------------
# Contact Form 7
--------------------------------------------------------------*/
.wpcf7 .half-width
{
    float: left;

    padding: 10px 20px 10px 0;
}
@media (min-width: 631px)
{
    .wpcf7 .half-width
    {
        width: 50%;
    }
    .wpcf7 .checkbox-section
    {
        margin: 120px 20px 20px 0;
    }
}
@media (max-width: 630px)
{
    .wpcf7 .half-width
    {
        clear: both;

        width: 100%;
    }
    .wpcf7 .checkbox-section
    {
        margin: 210px 20px 20px 0;
    }
}
.wpcf7 .full-width
{
    clear: both;

    padding: 10px 20px 10px 0;
}
.wpcf7 .full-width label,
.wpcf7 .full-width input,
.wpcf7 .half-width label,
.wpcf7 .half-width input
{
    width: 100%;

    color: #111;
}
.wpcf7-form .full-width textarea
{
    font-weight: 400;

    width: 100%;
    max-width: 100%;
    height: 10em;
    padding: 14px;

    border-radius: 0;
}
.wpcf7 input[type='tel']
{
    font-weight: 400;

    padding: 14px;

    border: 1px solid #ccc;
}
.wpcf7 .privacy-clearfix
{
    clear: both;
}
.wpcf7-list-item .wpcf7-list-item-label
{
    font-weight: 400;
}
.wpcf7 input[type='submit'],
.wpcf7 input[type='submit']:hover
{
    font-family: 'Open Sans',Helvetica,sans-serif;

    padding: 10px 15px;

    color: #fff;
    border: none;
    background: #0077ce;
    /* Old browsers */
    background:    -moz-linear-gradient(top, #0077ce 0%, #01588d 50%, #003d69 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0077ce), color-stop(50%, #01588d), color-stop(100%, #003d69));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #0077ce 0%, #01588d 50%, #003d69 100%);
    /* Chrome10+,Safari5.1+ */
    background:      -o-linear-gradient(top, #0077ce 0%, #01588d 50%, #003d69 100%);
    /* Opera 11.10+ */
    background:     -ms-linear-gradient(top, #0077ce 0%, #01588d 50%, #003d69 100%);
    /* IE10+ */
    background:         linear-gradient(to bottom, #0077ce 0%, #01588d 50%, #003d69 100%);
    box-shadow: none;
    /* IE6-9 */
    text-shadow: none;
    /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003d69', endColorstr='#003d69',GradientType=0 );
}
.wpcf7 .message-summery
{
    margin-top: 20px;
    margin-bottom: 20px;
}
/*--------------------------------------------------------------
# Extension subpages
--------------------------------------------------------------*/
ul.sub-list
{
    padding-top: 5px;
}
ul.sub-list li
{
    padding-bottom: 5px !important;
}
.message-box
{
    margin-top: 40px;
    padding: 5px 15px 15px 30px;

    border: 1px solid #ccc;
}
/*--------------------------------------------------------------
# Extension blog
--------------------------------------------------------------*/
.comment-body {
    padding: 15px;
    border: 1px solid #e1e1e1;
    position: relative!important;
}
.comment-metadata
{
    margin-bottom: 5px !important;
}

.date
{
    margin-top: 20px !important;
}
.comment-body .reply {
    text-align: right;
}
.comment-body .reply a {
    background: #0077ce;
    background: -moz-linear-gradient(top, #0077ce 0%, #01588d 50%, #003d69 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0077ce), color-stop(50%, #01588d), color-stop(100%, #003d69));
    background: -webkit-linear-gradient(top, #0077ce 0%, #01588d 50%, #003d69 100%);
    background: -o-linear-gradient(top, #0077ce 0%, #01588d 50%, #003d69 100%);
    background: -ms-linear-gradient(top, #0077ce 0%, #01588d 50%, #003d69 100%);
    background: linear-gradient(to bottom, #0077ce 0%, #01588d 50%, #003d69 100%);
    padding: 5px 10px;
    color: white;
    text-decoration: none;
}

.comment-body .comment-content {
    margin-top: 20px;
}

#comments {
    margin-top: 50px;
}

#comments .comment-metadata a {

    pointer-events: none;
    text-decoration: none;
    color: #333;

font-family: Arial;

font-size: 11px;

margin-left: 3px;

margin-top: 5px;

display: inline-block;

background:

    #e8e8e8;
    padding: 1px 12px;
    border-radius: 100px;

}




.gform_wrapper input[type='text'],
.gform_wrapper input[type='email'],
.gform_wrapper textarea
{
    color: black;
}

.noedit input
{
    pointer-events: none;

    border: none!important;
}

body .gform_wrapper h3.gform_title
{
    display: none !important;
}


.gform_wrapper .gform_page_footer .button.gform_next_button,
.gform_wrapper .gform_page_footer .button.gform_previous_button,
.gform_button.button[type='submit']
{
    font-size: 1em;

    position: relative;

    padding: 12px 24px;

    text-decoration: none;

    color: #fff;
    border: none;
    border-radius: 4px;
    background-color: #3498db;
    box-shadow: inset 0 1px 0 #73b0d8,0 4px 0 #2980b9;
    text-shadow: 0 1px 1px rgba(255,255,255,.3);

    -webkit-appearance: none !important;
}

.gform_wrapper .gform_page_footer .button.gform_next_button:hover,
.gform_wrapper .gform_page_footer .button.gform_previous_button:hover,
.gform_button.button[type='submit']:hover
{
    color: #fff;
    background-color: #4ba7e5;
}

.gform_page_footer
{
    text-align: right;
}

@media screen and (min-width:641px)
{
    .gform_wrapper ul.gform_fields:not(.top_label) .gfield_label
    {
        width: 60%!important;
    }
    html:not([dir='rtl']) .gform_wrapper ul.gform_fields:not(.top_label) .clear-multi,
    html:not([dir='rtl']) .gform_wrapper ul.gform_fields:not(.top_label) .gfield_description,
    html:not([dir='rtl']) .gform_wrapper ul.gform_fields:not(.top_label) .ginput_container:not(.ginput_container_time):not(.ginput_container_date)
    {
        width: 70%!important;
        margin-left: 50%!important;
    }
    .gform_wrapper ul.gform_fields:not(.top_label) .gform_fileupload_multifile .gform_drop_area
    {
        width: 60%!important;
        margin-left: 15%!important;
    }
    .gform_wrapper .left_label textarea.medium
    {
        width: 60%!important;
    }
}

.gform_wrapper .gfield_checkbox li input,
.gform_wrapper .gfield_checkbox li input[type='checkbox'],
.gform_wrapper .gfield_radio li input[type='radio']
{
    vertical-align: top!important;
}

#respond {
    margin-top: 100px;
}