/*
Theme Name: Brianza Design Custom Theme
Theme URI: https://brianzadesign.net
Author: Brianza Design
Author URI: https://brianzadesign.net
Description: Custom WordPress theme matching the original Brianza Design website
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: custom-theme
*/

/* Base Styles from Original Website */
* {margin:0; padding:0; font: normal normal normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif; color:#3b3b3b; z-index:1}

html, body { min-height:100%; height:auto; width:auto; min-width:1000px}
html > body  {min-height:100%; height:auto; width:auto;}
html { background:#fff;    }
body {height:100%; position:relative; font: normal normal normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;}

h1,h2,h5,h6 { line-height:1em; color:#ccc; font-weight:bold; padding:0;  padding-bottom:0px; margin-bottom:15px; letter-spacing:-1px; color:#414141;}
h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {line-height:1em; font-size:inherit; font-family:inherit; color:#676767; font-weight:bold;}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { }
h1 a:hover, h2 a:hover, h5 a:hover, h6 a:hover {line-height:1em; background:none; color:#a8a8a8; }

h1 {font-size:22px;}
h2 {font-size:20px; }
h3 {font-size:18px; }
h4 {font-size:16px; }
h5 {font-size:14px; }
h6 {font-size:12px; letter-spacing:0}

h3,h4, h4 span {font-weight: bold;
font-style: normal;
font-size: 16px;
font-family: helvetica, arial, sans-serif; margin-bottom: 15px;}

h4 span {color:#676767; }

p {margin:5px 0; clear:right;}
a {text-decoration:none; color:#333;}
a:hover {color:#666;}
hr {height:1px; border:0; border-bottom:1px dotted #ccc; margin:10px 0;}
a:visited, a:link {outline:none;}
a img {border:0;}

strong {font-weight:bold;}
input {margin:0; padding:0;}
ul { list-style-position:inside; margin:0; padding:0; }

.hide {display:none}

a.link { display:inline-block; width:auto; padding:0 15px;  background:#e2001a; text-transform:uppercase; font-size:13px; border:0;  line-height:25px;  height:25px; color:#fff; cursor: pointer; text-align: center; margin-bottom:10px;}
a.link:hover {opacity:0.8;}

.opacity {
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
    border: none;
}

a:hover.opacity {
    opacity: 0.6;
    -moz-opacity: 0.6;
    filter: alpha(opacity=60);
    border: none;
}

.left{position:relative; float:left;}
.right{position:relative; float:right;}

/* Layout */
#wrapper {position: relative; height: auto; overflow: hidden; width: 910px; margin: 0 auto;}
#header {position: relative; height: auto; margin-top: 30px; padding-bottom: 12px; border-bottom: 1px solid #ddd;}
#logo {position: relative; height: auto; overflow: hidden; width: 149px;}

#login-link  {position: absolute; height: auto; overflow: hidden; right: 0; top: 0px; font-size:10px !important; }
#login-link  a {display:inline-block; background:#e2001a; color:#fff;text-transform:uppercase; font-size:13px; padding:5px 15px; }

#brianza-content {position: relative; overflow: hidden; height: auto; margin: 50px 0 50px 0;}

/* Menu */
#menu {position: absolute; overflow: hidden; height: auto; margin-top: 38px; right: 0;}
#menu ul {position: relative; height: auto;  overflow: hidden;}
#menu ul li {position: relative; height: auto; overflow: hidden; float: left; margin-left: 2px; padding: 0 0 0 20px; list-style: none;}
#menu ul li a {position: relative; height: auto; overflow: hidden; color: #c4c4c4; font-size: 13px; font-weight: 300; }
#menu ul li a:hover, #menu ul li.active a {color: #424242;}

/* Languages */
#languages {position: absolute; top: 5px; right: 100px;}
#languages #lang {position: relative; top: 0; left: 0;}
#languages #lang li {list-style:none; display:inline-block; margin-right:10px; padding-right:10px; border-right:2px solid #e2001a}
#languages #lang li.last {border-right:none; margin:0;}
#languages #lang li  {color:#e2001a;   font-size:14px;}
#languages #lang li.active a  {color:#333; }
#languages #lang li a {color:#a8a8a8;  }
#languages #lang li a:hover {color:#e2001a; }

/* Content Area */
.side {position: relative; overflow: hidden; height: auto; width: 260px; height: 500px; float: left;}
.main-content {position: relative; overflow: hidden; height: auto; float: left; margin-left: 40px; width: 610px;}
.main-content p a {border-bottom:1px solid #ccc}

/* News/Blog Posts */
.news .page {border-bottom:0; padding:0; margin-bottom:10px;}
.date {font-size:11px; color:#ccc; margin:0; float:right;}
.article {border-bottom:1px solid #f2f2f2; padding-bottom:20px; margin-bottom:30px;}
.article h2 {margin-bottom:10px;}
.article h2 a {color:#414141;}
.article h2 a:hover {color:#e2001a;}

.page {margin-bottom:20px; border-bottom:1px solid #f2f2f2; padding-bottom:20px;}

/* Pagination */
.pagination {clear:both; padding:20px 0; text-align:center;}
.pagination a {display:inline-block; padding:5px 15px; margin:0 5px; background:#e2001a; color:#fff; text-transform:uppercase; font-size:13px;}
.pagination a:hover {opacity:0.8;}
.pagination span {display:inline-block; padding:5px 15px; margin:0 5px; color:#ccc;}

/* Footer */
.sponsors {text-align:center; padding-top:10px; margin-bottom:20px; overflow:hidden;}
.sponsor {display:block;  border:1px solid #f2f2f2; width:170px; height:80px; margin-bottom:10px; margin-right:10px; text-align:center; line-height:100px; vertical-align:middle; border-collapse:collapse; float:left; overflow:hidden;}
.sponsor img {max-height:80px; max-width:160px; margin-top:5px;}
.sponsors .patrocinio {clear:left; padding-top:20px;}

#mobile-footer {position: relative; clear: both; border-top: 8px solid #f2f2f2; height: auto; overflow: hidden; padding-top: 10px; padding-bottom: 40px;}
#mobile-footer .ios {margin-right:30px; background:url('/i/images/ios_store.png') no-repeat center center; width:130px; height:45px; float:left; position:relative}
#mobile-footer .android {background:url('/i/images/play_store.png') no-repeat center center; width:130px; height:45px; float:left; position:relative}
#mobile-footer p {margin:10px 0px; font-size:16px; color:#676767; font-weight: bold}

#brianza-footer {position: relative; clear: both; border-top: 8px solid #f2f2f2; height: auto; overflow: hidden; padding-top: 10px; padding-bottom: 40px;}
#brianza-footer div, #brianza-footer div a {font-size: 11px; color: #999;}
#brianza-footer div a:hover {color: #222;}

/* WordPress specific */
.post-thumbnail {margin-bottom:15px;}
.post-thumbnail img {max-width:100%; height:auto;}

.entry-content {line-height:1.6em;}
.entry-content p {margin:10px 0;}
.entry-content img {max-width:100%; height:auto;}

.post-meta {font-size:11px; color:#999; margin-bottom:10px;}