/*
	Theme Name: Bardaji&Honrado
	Theme URI: http://www.bardajihonrado.com
	Version: 1.0
	Author: Daniel Aguilar
	Author URI: http://www.soydac.com
	Description: HTML5 wordpress theme for Bardaji&Honrado
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Tags: one-column, light, lawyer
	Text Domain: bardajihonrado
*/
/* FIXES */
*, html { margin:0; padding:0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* END FIXES */

a {
	text-decoration:none;
	color:#22ACCF;
}
a:hover {
	text-decoration:underline;
}
a img, :link img, :visited img {border: 0;}
body {
	font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    background: url('images/rockywall.png') repeat;
}
.wrapper {
    width: 100%;
    max-width: 1100px;
    background: #fff;
    margin:0px auto;
    padding-top:40px;
    position: relative;
}
#header {
    background: #DCDCDC;
    margin:0px auto;

}
    .lang-item {
        list-style: none;
        float:left;
        margin:0px 5px;
    }
    .lang-wrap, #lang_choice {
        position: absolute;
        top:10px;
        right:20px;
    }
    #header .logo {
        padding-left:40px;
        float:left;
        display: block;
        box-sizing:border-box;
        position: relative;
        z-index:100;
    }
    #header .logo img {
        display: block;
    }
    #header .menu {
        width: 100%;
        padding-left:341px;
        float:left;
        margin-top:-58px;
        box-sizing:border-box;
    }
    #header .menu .menu-item {
        float:left;
        list-style: none;
        width:25%;
        text-align: center;
        text-transform: uppercase;
        font-size: 13px;
        position: relative;
    }
    #header .menu .menu-item a {
        display: block;
        width: 100%;
        height: 58px;
        line-height: 58px;
        color:#32525E;
    }
    #header .menu .menu-item a:hover {
        color:#DDDDDD;
        background-color:#7F8C90;
        text-decoration: none;
    }
        #header .menu .sub-menu {
            background: #DCDCDC;
            position: absolute;
            top:100%;
            width: 100%;
            left: 0px;
            z-index:1000;
            display:none;
        }
        #header .menu .menu-item:hover .sub-menu {display: block;}
        #header .menu .sub-menu .menu-item {
            float:none;
            width: 100%;
            font-size: 11px;
            line-height: 18px;
            height: auto;
        }
            #header .menu .sub-menu .menu-item a {
                line-height: 18px;
                height: auto;
                padding:20px 0px;
            }
#container {
    padding:40px;
}
    #welcome {
        text-align: center;
        padding:40px;
        background: url('images/line.jpg') no-repeat bottom center;
        background-size: contain;
        margin-bottom:50px;
    }
        #welcome h1 {
            font-weight: 300;
            font-size: 48px;
            color:#32525E;
            line-height: 55px;
        }
        #welcome h2 {
            font-weight: 300;
            font-size: 23px;
            color:#555;
            line-height: 31px;
        }
	#content {}
    .page #content {
        width: 64%;
        float:left;
        color: #555;
        font-size: 13px;
        line-height: 22px;
    }
    .featured {
        float:left;
        width:31%;
        position: relative;
    }
        .featured.even {
            margin:0px 3.5%;
        }
        .featured img {
            width: 100%;
            height: auto;
        }
        .featured h2 {
            padding:25px;
            background: #31515D;
            box-sizing:border-box;
            font-size: 40px;
            font-weight: 300;
            color:#FFFFFF;
            position: absolute;
            bottom:0px;
            left: 0px;
            width: 100%;
        }
        .featured:hover h2 {background:#22ACCF;}
    #widgets {margin:50px auto;}
    #widgets .col1 {
        width: 64%;
        float:left;
    }
    #widgets .col2 {
        width: 30%;
        float:right;
    }
    #widgets .col-title {
        font-size: 17px;
        font-weight: 400;
        color: #32525E;
        line-height:40px;
        background:url('images/line.jpg') no-repeat bottom right;
        margin-bottom:30px;
        text-transform: uppercase;
    }
        #widgets .col1 .widget {
            padding-left:20px;
            border-left:5px solid #B8BEC0;
        }
        #widgets .widget {
            font-size: 13px;
            color:#7F8C91;
            margin-bottom:30px;
        }
        #widgets .title {
            font-size:17px;
            color: #32525E;
            font-weight: 400;
            margin-bottom:15px;
        }
	#content p {
		margin:10px 0px;
	}
	#content .post-content ul, #content .post-content ol {
		margin:10px;
	}
    .card {
        width: 100%;
        position: relative;
        margin-bottom:40px;
    }
    .card .wp-post-image {
        float: left;
        width: 30%;
        height: auto;
    }
    .card .data {
        position: absolute;
        margin-left:33%;
        padding-left:20px;
        border-left:5px solid #B8BEC0;
        bottom:0px;
        width: 67%;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        font-size: 13px;
    }
    .card.no-image .data {
        position: relative;
        bottom:auto;
        margin-left:0px;
    }
        .page #content .card .data h2, .page .post-title {
            font-size: 33px;
            color:#32525E;
            font-weight: 300;
            line-height: 35px;
        }
            .page .post-title {
                background: url('images/line.jpg') no-repeat bottom right;
                padding-bottom:15px;
                margin-bottom:15px;
            }
        .page #content  .card .data h2 span, .page .post-title span {
            display: block;
            font-size: 21px;
            color:#B8BFC0;
        }
        .card .location {
            color:#32525E;
            font-size: 17px;
            background: url('images/line.jpg') no-repeat bottom right;
            padding-bottom:15px;
            margin-bottom:15px;
            width: 100%;
        }
        .card a {color:#22ACD0;}
        .page #content .twitter iframe {width: 100%;}
        .page #content h2 {
            font-size: 19px;
            color:#32525E;
            font-weight: 400;
            margin-bottom:15px;
        }
        .page #content ul {margin:15px 20px;}
        .page #content li {
            line-height: 15px;
            background:url('images/bullet.png') left 5px no-repeat;
            padding-left:15px;
            margin-bottom:5px;
            list-style: none;
        }
	#sidebar {
        width: 35%;
        float:right;
        margin-right:-40px;
        font-size:13px;
    }
        #sidebar img {
            width: 100%;
            height: auto;
        }
        #sidebar .twitter {margin-right:30px;}
        #sidebar .twitter iframe {width:100%;}
        #sidebar .menu {
            padding:30px;
            background: #DCDCDC;
            margin-bottom:30px;
            color: #32525E;
            list-style: none;
        }
        #sidebar .menu li {
            line-height: 15px;
            background:url('images/bullet.png') left 5px no-repeat;
            padding-left:15px;
            margin-bottom:10px;
        }
        #sidebar a {color:#32525E;}

#footer {
    font-size: 13px;
    color:#555;
    text-align: center;
    background: url('images/line.jpg') no-repeat top center;
    background-size: contain;
    padding:40px 0px;
    margin-top:40px;
}
    #footer p {margin-bottom:10px;}

/* =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;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

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%; /* Image does not overflow the content area */
    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 p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.bypostauthor {}
.gallery-caption {}
.sticky {}


/* MEDIA QUERIES */
@media only screen and  (max-width : 860px) {
    #header {height:;}
    #header .logo {
        width: 250px
    }
    #header .logo img {
        width: 100%;
        height: auto;
    }
    #header .menu {
        padding-left:250px;
        margin-top:-40px;
    }
    #header .menu .menu-item a {
        line-height: 40px;
        height: 40px;
    }
    .featured h2 {font-size:20px;}
    #sidebar {
        margin-right:0px;
        width:33%;
    }
    #sidebar .twitter {margin-right:0px;}

    .card .data {
        width:65%;
        float:right;
        position: static;
        padding:0px;
        border:0px;
        margin-left:0px;
    }

}
@media only screen and  (max-width : 730px) {
    #header .logo {
        margin:0px auto;
        float:none;
        padding:0px;
        width: 100%;
        background:#fff;
        text-align: center
    }
    #header .logo img {
        width: auto;
        display: inline;
    }
    #header .menu {
        margin-top:0px;
        padding:0px;
    }
    #widgets .col1, #widgets .col2 {
        width: 100%;
    }
}
@media only screen and  (max-width : 610px)  {
    #sidebar, .page #content {
        width: 90%;
        margin:20px auto;
        float:none;
    }
}
@media only screen and  (max-width : 510px) {
    .featured {
        width: 100%;
        margin-bottom:20px;
    }
    .featured.even {margin:0px 0px 20px 0px;}
    #header .menu .menu-item {width: 100%;}
    .card .data, .card .wp-post-image {
        width: 90%;
        margin:15px auto;
        float:none;
    }
}
@font-face {
    font-family: 'icomoon';
    src:url('fonts/icomoon.eot');
    src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
        url('fonts/icomoon.woff') format('woff'),
        url('fonts/icomoon.ttf') format('truetype'),
        url('fonts/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon-twitter:before , .icon-map:before , .icon-mail:before  {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    padding-right:5px;
}
.icon-twitter:before {
    content: "\74";
    color:#22ACD0;
}
.icon-map:before {
    content: "\6c";
}
.icon-mail:before {
    content: "\6d";
    color:#22ACD0;
}