/* ==========================================================================
   Nerds Of Sweden MAR 2015 STYLE
   ==========================================================================
*/

/* global box-sizing */
*,
*:after,
*:before {
    /*
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    */
}
/* html element 62.5% font-size for REM use */
html {
    font-size:62.5%;
}
body {
    font:300 13px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color:#444;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

.hidden {
    display: none !important;
}

.vc_icon_element {
    margin-bottom: 0px !important;
}

.vc_row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: 0px !important;
}

.vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner {
    padding-top: 0px !important;
}

/*------------------------------------*\
    Wrapper
\*------------------------------------*/

.clear-both {
    clear:both;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}

.main-article.leftwidget{
    width: 70%;
}

.main-article.rightwidget{
    width: 70%;
    float: left;
}

.main-article{
    width: 100%;
}

/*------------------------------------*\
    Article
\*------------------------------------*/

article {
    margin-left: 15px;
    margin-right: 15px;
}

/*------------------------------------*\
    Nav-bar
\*------------------------------------*/

.navbar {
    background-color: #f7f5e7;
    margin: 0 auto;
    max-width: 1600px;
    width: 100%;
}

.site-header .search-form {
    position: absolute;
    right: 20px;
    top: 1px;
}

.site-header .search-field {
    background-color: transparent;
    background-image: url(images/search-icon.png);
    background-position: 5px center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    border: none;
    cursor: pointer;
    height: 37px;
    margin: 3px 0;
    padding: 0 0 0 34px;
    position: relative;
    -webkit-transition: width 400ms ease, background 400ms ease;
    transition:         width 400ms ease, background 400ms ease;
    width: 1px;
}

.site-header .search-field:focus {
    background-color: #fff;
    border: 2px solid #c3c0ab;
    cursor: text;
    outline: 0;
    width: 230px;
}

/*------------------------------------*\
    HEADER
\*------------------------------------*/

header {
	
}

/*------------------------------------*\
    MAIN
\*------------------------------------*/

main {
    margin: 6px auto 1px auto;
}

.intro {
    clear: both;
    background-color: #ebeef0;
    /* margin-top: 118px; */
    padding-top: 119px;
    padding-bottom: 119px;
}

.line-break {
    clear: both;
}

.sidebar-menu-box {
    float: left;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

input:focus {
    outline:0;
    border:1px solid #04A4CC;
}

p {
    margin: 0px;
}

.clear {
    clear: both;
}

.line-beak {
    clear: both;
}

.no-line-break {
    white-space: nowrap;
}

/*------------------------------------*\
    SINGLE PAGE
\*------------------------------------*/

.single-page-box {
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 83px;
    margin-bottom: 30px;
}

.single-page-title {
    font-size: 25px;
    font-weight: 600;
    color: #E8E8E8;
}

.single-page-date {
    font-size: 12px;
    float: left;
}

.single-page-author {
    font-size: 12px;
    float: left;
    margin-left: 20px;
}

.single-page-the_content {
    clear: both;
    font-size: 15px;
    margin-top: 25px;
}

/*------------------------------------*\
    LOOP PAGE
\*------------------------------------*/

.loop-page-box {
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 83px;
    margin-bottom: 30px;
}

.loop-page-title {
    font-size: 25px;
    font-weight: 600;
    color: #E8E8E8;
}

.loop-page-date {
    font-size: 12px;
    float: left;
}

.loop-page-author {
    font-size: 12px;
    float: left;
    margin-left: 20px;
}

.loop-page-the_content {
    font-size: 15px;
    margin-top: 25px;
    margin-bottom: 25px;
    clear: both;
}

.single-page-tags {
    font-size: 12px;
    float: left;
    margin-left: 20px;
}

/*------------------------------------*\
    CATEGORY PAGE
\*------------------------------------*/

.category-page-top-title {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 15px;
}

.category-page-box {
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 83px;
    margin-bottom: 30px;
}

.category-page-title {
    font-size: 25px;
    font-weight: 600;
    color: #E8E8E8;
}

.category-page-date {
    font-size: 12px;
    float: left;
}

.category-page-author {
    font-size: 12px;
    float: left;
    margin-left: 20px;
}

.category-page-the_content {
    clear: both;
    font-size: 15px;
    margin-top: 25px;
}

/*------------------------------------*\
    SEARCH PAGE
\*------------------------------------*/

.search-page-box {
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 83px;
    margin-bottom: 30px;
}

.search-page-title {
    font-size: 25px;
    font-weight: 600;
    color: #E8E8E8;
}

.search-page-date {
    font-size: 12px;
    float: left;
}

.search-page-author {
    font-size: 12px;
    float: left;
    margin-left: 20px;
}

.search-page-the_content {
    clear: both;
    font-size: 15px;
    margin-top: 25px;
}

/*------------------------------------*\
    IMAGES
\*------------------------------------*/

img {
    max-width:100%;
    vertical-align:bottom;
}

/*------------------------------------*\
    FOOTER
\*------------------------------------*/

footer {
	
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (max-width:320px) {

}
@media only screen and (max-width:480px) {

}
@media only screen and (max-width:768px) {

        .top-menu {
            height: 100% !important;
        }
        div.top-menu .container {
            margin-right: 0px;
            margin-left: 0px;
            padding-left: 0px;
            padding-right: 0px;
        }
        .nav-menu li {
            border-right: 0px solid !important;
            font-size: 17px !important;
            padding: 19px 15px 0px 15px;
            float: left;
            clear: both;
            background-color: #000000;
            width: 110%;
            padding: 15px 0px 0px 0px;
            border-bottom: 1px solid;
            margin: 0px 0px 0px -15px;
            text-align: left;
        }
        .nav-menu li a {
            padding: 0px 0px 0px 35px;
        }
		
		article {
			margin-left: 20px;
			margin-right: 20px;
		}
		
        .contact-line-left {
            width: 100%;
        }
        .contact-text-h1 {
            width: 100%;
        }
        .contact-line-right {
            width: 100%;
        }
        .contact-row {
            height: 100% !important;
        }
        div#wpcf7-f24-o1 .wpcf7-form-control.wpcf7-text {
            height: 30px;
            font-size: 18px;
        }
        div#wpcf7-f24-o1 .wpcf7-form-control.wpcf7-textarea {
            font-size: 18px;
            padding-top: 7px;
        }
        div#wpcf7-f24-o1 .contact-label {
            font-size: 18px;
        }
    }


@media only screen and (max-width:1024px) {

}
@media only screen and (max-width:1140px) {

}
@media only screen and (max-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
    background:#04A4CC;
    color:#FFF;
    text-shadow:none;
}
::-webkit-selection {
    background:#04A4CC;
    color:#FFF;
    text-shadow:none;
}
::-moz-selection {
    background:#04A4CC;
    color:#FFF;
    text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
    margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display:block;
    margin:5px auto 5px auto;
}
.alignright {
    float:right;
    margin:5px 0 20px 20px;
}
.alignleft {
    float:left;
    margin:5px 20px 20px 0;
}
a img.alignright {
    float:right;
    margin:5px 0 20px 20px;
}
a img.alignnone {
    margin:5px 20px 20px 0;
}
a img.alignleft {
    float:left;
    margin:5px 20px 20px 0;
}
a img.aligncenter {
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.wp-caption {
    background:#FFF;
    border:1px solid #F0F0F0;
    max-width:96%;
    padding:5px 3px 10px;
    text-align:center;
}
.wp-caption.alignnone {
    margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin:5px 20px 20px 0;
}
.wp-caption.alignright {
    margin:5px 0 20px 20px;
}
.wp-caption img {
    border:0 none;
    height:auto;
    margin:0;
    max-width:98.5%;
    padding:0;
    width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/
/*
@media print {
    * {
        background:transparent !important;
        color:#000 !important;
        box-shadow:none !important;
        text-shadow:none !important;
    }
    a,
    a:visited {
        text-decoration:underline;
    }
    a[href]:after {
        content:" (" attr(href) ")";
    }
    abbr[title]:after {
        content:" (" attr(title) ")";
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content:"";
    }
    pre,blockquote {
        border:1px solid #999;
        page-break-inside:avoid;
    }
    thead {
        display:table-header-group;
    }
    tr,img {
        page-break-inside:avoid;
    }
    img {
        max-width:100% !important;
    }
    @page {
        margin:0.5cm;
    }
    p,
    h2,
    h3 {
        orphans:3;
        widows:3;
    }
    h2,
    h3 {
        page-break-after:avoid;
    }
}


*/