/*   
Theme Name: Bicbb
Theme URI: 
Author: Berni Bernal
Author URI: https://www.bernibernal.com
Description: Bicbb Theme es un tema inicial de prueba en WP.
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bicbb
Tags: two-columns
*/


.rtl {}
.home {}
.blog {}
.archive {}
.date {}
.search {}
.paged {}
.attachment {}
.error404 {}
.single postid-(id) {}
.attachmentid-(id) {}
.attachment-(mime-type) {}
.author {}
.author-(user_nicename) {}
.category {}
.category-(slug) {}
.tag {}
.tag-(slug) {}
.page-parent {}
.page-child parent-pageid-(id) {}
.page-template page-template-(template file name) {}
.search-results {}
.search-no-results {}
.logged-in {}
.paged-(page number) {}
.single-paged-(page number) {}
.page-paged-(page number) {}
.category-paged-(page number) {}
.tag-paged-(page number) {}
.date-paged-(page number) {}
.author-paged-(page number) {}
.search-paged-(page number) {}

.post-id {}
.post {}
.page {}
.attachment {}
.sticky {}
.hentry {}
.category-misc {}
.category-example {}
.tag-news {}
.tag-wordpress {}
.tag-markup {}
.format-image {}
.format-gallery {}
.format-chat {}
.format-link {}
.format-quote {}
.format-status {}
.format-video {}

.post-id {}
.post {}
.page {}
.attachment {}
.sticky {}
.hentry {}
.category-misc {}
.category-example {}
.tag-news {}
.tag-wordpress {}
.tag-markup {}
.format-image {}
.format-gallery {}
.format-chat {}
.format-link {}
.format-quote {}
.format-status {}
.format-video {}

#header .main-menu{} // container class
#header .main-menu ul {} // container class first unordered list
#header .main-menu ul ul {} //unordered list within an unordered list
#header .main-menu li {} // each navigation item
#header .main-menu li a {} // each navigation item anchor
#header .main-menu li ul {} // unordered list if there is drop down items
#header .main-menu li li {} // each drop down navigation item
#header .main-menu li li a {} // each drap down navigation item anchor
.current_page_item{} // Class for Current Page
.current-cat{} // Class for Current Category
.current-menu-item{} // Class for any other current Menu Item
.menu-item-type-taxonomy{} // Class for a Category
.menu-item-type-post_type{} // Class for Pages
.menu-item-type-custom{} // Class for any custom item that you added
.menu-item-home{} // Class for the Home Link

.entry-content img {}
.alignleft, img.alignleft {}
.alignright, img.alignright {}
.aligncenter, img.aligncenter {}
.alignnone, img.alignnone {}
.wp-caption {}
.wp-caption img {}
.wp-caption p.wp-caption-text {}
.wp-smiley {}
blockquote.left {}
blockquote.right {}
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}
.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}

.widget {}
#searchform {}
.widget_search {}
.screen-reader-text {}
.widget_meta {}
.widget_meta ul {}
.widget_meta ul li {}
.widget_meta ul li a {}
.widget_links {}
.widget_links ul {}
.widget_links ul li {}
.widget_links ul li a {}
.widget_archive {}
.widget_archive ul {}
.widget_archive ul li {} 
.widget_archive ul li a {}
.widget_archive select {}
.widget_archive option {}
.widget_pages {}
.widget_pages ul {}
.widget_pages ul li {}
.widget_pages ul li a {}
.widget_links {}
.widget_links li:after {}
.widget_links li:before {}
.widget_tag_cloud {}
.widget_tag_cloud a {}
.widget_tag_cloud a:after {}
.widget_tag_cloud a:before {}
.widget_calendar {}
#calendar_wrap {}
#calendar_wrap th {}
#calendar_wrap td {}
#wp-calendar tr td {}
#wp-calendar caption {}
#wp-calendar a {}
#wp-calendar #today {}
#wp-calendar #prev {}
#wp-calendar #next {}
#wp-calendar #next a {}
#wp-calendar #prev a {}
.widget_categories {}
.widget_categories ul {}
.widget_categories ul li {} 
.widget_categories ul ul.children {}
.widget_categories a {}
.widget_categories select{}
.widget_categories select#cat {}
.widget_categories select.postform {}
.widget_categories option {}
.widget_categories .level-0 {}
.widget_categories .level-1 {}
.widget_categories .level-2 {}
.widget_categories .level-3 {}
.recentcomments {}
#recentcomments {}
#recentcomments li {}
#recentcomments li a {}
.widget_recent_comments {}
.widget_recent_entries {}
.widget_recent_entries ul {}
.widget_recent_entries ul li {}
.widget_recent_entries ul li a {}
.textwidget {}
.widget_text {}
.textwidget p {}
.widget_pages ul, .widget_archive ul {}

.commentlist .reply {}
.commentlist .reply a {}
.commentlist .alt {}
.commentlist .odd {}
.commentlist .even {}
.commentlist .thread-alt {}
.commentlist .thread-odd {}
.commentlist .thread-even {}
.commentlist li ul.children .alt {}
.commentlist li ul.children .odd {}
.commentlist li ul.children .even {}
.commentlist .vcard {}
.commentlist .vcard cite.fn {}
.commentlist .vcard span.says {}
.commentlist .vcard img.photo {}
.commentlist .vcard img.avatar {}
.commentlist .vcard cite.fn a.url {}
.commentlist .comment-meta {} 
.commentlist .comment-meta a {}
.commentlist .commentmetadata {}
.commentlist .commentmetadata a {}
.commentlist .parent {}
.commentlist .comment {}
.commentlist .children {}
.commentlist .pingback {}
.commentlist .bypostauthor {}
.commentlist .comment-author {}
.commentlist .comment-author-admin {}
.commentlist {}
.commentlist li {}
.commentlist li p {}
.commentlist li ul {}
.commentlist li ul.children li {}
.commentlist li ul.children li.alt {}
.commentlist li ul.children li.byuser {}
.commentlist li ul.children li.comment {}
.commentlist li ul.children li.depth-{id} {}
.commentlist li ul.children li.bypostauthor {}
.commentlist li ul.children li.comment-author-admin {}
#cancel-comment-reply {}
#cancel-comment-reply a {}

#respond { } 
#reply-title { } 
#cancel-comment-reply-link { }
#commentform { } 
#author { } 
#email { } 
#url { } 
#comment 
#submit
.comment-notes { } 
.required { }
.comment-form-author { }
.comment-form-email { } 
.comment-form-url { }
.comment-form-comment { } 
.form-allowed-tags { } 
.form-submit

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto;
}

.right-sidebar{}



div #contAdviseCookies {
	background: #1bbc9b;
	color: #535961;
	position: fixed;
	width: 100%;
	height: 100px;
	z-index: 100;
	bottom: 0;
	padding: 10px 100px;
    text-align: center;
}

	margin:0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	box-sizing:border-box;
}
img, embed, object, video{max-width: 100%; display: block;height: auto;}


.grid{
	max-width: 980px;
	margin:0 auto;
	border:2px solid black;
}
.main{padding-top:0px;overflow:hidden;}

.ejemplo-section {padding: 20px;border:2px solid lime;}
.padre-col{margin: 0 -10px;}

.padre-col > * > * { padding:0px 10px;}
.col-70{
	float: left;
	width: 70%;
	border:2px solid red;
}
.col-30{
	float: left;
	width: 30%;
	border:2px solid green;
}
.col-3030{
	float: right;
	width: 30%;
	border:2px solid green;
}
.col-33,
footer .widget{
	float: left;
	width: 33.3%;
	border:2px solid lime;
}

div#copyright {text-align: center;}



body{
	font-family: 'Quicksand', sans-serif;
}

header{background-color: grey}
footer{background-color: pink}

#main #slideshow {
    width:100%;
    float:left;
    overflow:hidden;
    margin-bottom:20px;
}

#main #slideshow .thumb {
    width:49%;
    float:left;
    margin-right:2%;
}

#main #slideshow article {
    float:left;
    font-family:'Open Sans', arial, helvetica, sans-serif;
    font-size:1rem;
    text-align:justify;
    width:49%;
    color:#ffffff;
}

#main #slideshow article h2 {
    font-family:'Raleway', helvetica, arial, sans-serif;
    font-size:2rem;
    font-weight:300;
    text-align:left;
}

#main #slideshow article .date {
    font-family:'Raleway', helvetica, arial, sans-serif;
    font-size:.8rem;
    font-weight:500;
    margin-bottom:10px;
    margin-right:3px;
    color:#777777;
    display:inline-block; 
}

#main #slideshow article .post-categories {
    display:inline-block;
    list-style:none;
    font-family:'Raleway', helvetica, arial, sans-serif;
    font-size:.8rem;
    font-weight:500;
}

#main #slideshow .slidesjs-pagination li {
    background:#fff;
    width:20px;
    height:20px;
    margin-right:10px;
    display:inline-block;
}

#main #slideshow .slidesjs-pagination li a {
    width:20px;
    height:20px;
    display:block;
    font-size:0pt;
}

#main #slideshow .slidesjs-pagination li .active {
    background:#333333;
}

.slider-container{
    position: relative;
    zoom: 1;
    margin: 0;
    padding: 0;
}
.slider-wrapper{
    zoom: 1;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    z-index: 1;
    width: 100%;
    overflow: hidden;
    height: 410px;
}

.slider-wrapper li {display: none;}
li.slide-current {display: block;}
.slider-wrapper li img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}

.caption {
    position: absolute;
    top: 215px;
    width: 100%;
    transition: all 0.5s ease;
}
.caption-title {
    font-family: 'Noto Serif', serif;
    color: white;
    font-weight: 700;
    font-size: 31px;
    margin-top: 30px;
    text-align: left;
    padding-left: 35%;
}
.caption p {
    font-family: 'Noto Serif', serif;
    color: white;
    font-weight: 700;
    font-size: 62px;
    text-align: left;
    margin-top: -10px;
    padding-left: 35%;
}
.caption .line {
    width: 320px;
    height: 5px;
    background: white;
    margin-left: 35%;
}
.slide{position: relative;}
.slider-controls {
    position: absolute; 
    z-index: 2;
    right: 0;
    bottom: 2px;
}
.slider-controls li {
    background: #666;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    height: 12px;
    width: 12px;
    margin: 0 4px;
    cursor: pointer;
}
.slider-controls li.active {background: #cc9933;}

.mena-bar{
    width: 35px;
    cursor: pointer;
    position: fixed;
    bottom: 50px;
    right: 20px;
    background: #D7B93D;
    border-radius: 100%;
    width: 55px;
    height: 55px;
    border-radius: 100%;
    padding: 14px 10px;
    z-index: 999999;
}
.uno, .dos, .tres {
    width: 100%;
    height: 5px;
    background-color: #1A483C;
    margin-top:3px;
    transition: all 0.5s;
}
.mena{
    display: none;
}

.mostrar .dos{opacity:0;}
.mostrar .uno{transform: rotate(45deg) translate(5px, 5px);}
.mostrar .tres{transform: rotate(-45deg) translate(6px, -7px);}
.mostrar .mena{display: block;}
.mena{
    position: absolute;
    top: 20%;
    left: 50%;
    width: 250px;
    height: 150px;
    margin-left: -125px;
    padding-top: 12px;
    transition: all 0.5s;
    z-index: 99999999;
    background-color: rgba(26, 72, 60, 0.82);
}
.topbar .mena li {display: block;}
.topbar .mena li a{color:white;}

.menu-desplegable{display: none;}
@media screen and (max-width:768px) {
.menu-desplegable{display: block;}
.menu-principal{display: none;}

label {cursor: pointer;}
.open-hide{
    width: 40px;
    height: 40px;
    display: block;
    background-image: url('img/open.svg');
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    right: 10px;
    top: 5px;
  &:hover{
    cursor: pointer;
  } 
}
.show{
  background-image: url('img/close.svg');
  background-size: 15px;
  background-color: #fff;
}

#menu-toggle {display: none;}
.contenido-submenu {display: none;}
#menu-toggle:checked + .contenido-submenu {display: block;}
.menu-menu-superior-container {
    background: #cc9933;
}

nav .menu-item {position: relative;}
.menu-menu-superior-container li a {
    text-decoration: none;
    font-family: quicksand;
    font-weight: 700;
    color: white;
    text-align: center;
    text-transform: uppercase;
    padding: 10px;
    display: block;
    font-size: 20px;
}
ul#menu-menu-superior-1 {
    width: 170px;
    margin: 65px auto;
}
}

ul.acorh,
ul.acorh * {
margin: 0;
padding: 0;
border: 0;
}
ul.acorh {
margin: 10px auto;
padding: 0;
list-style: none;
width: 100%;
font-size: 18px;
}
ul.acorh li {
list-style: none;
}
ul.acorh li a {
display: block;
padding: 10px 10px 10px 20px;
background: #333;
color: #eee;
border-bottom: 1px solid #000;
border-top: 1px solid #666;
text-decoration: none;
box-sizing: border-box;
}
ul.acorh li ul {
max-height: 0;
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
transition: .3s all ease-in;
}
ul.acorh li li a {
padding: 10px 10px 10px 40px;
background: #999;
color: #000;
font-size: 16px;
border: 0;
border-bottom: 1px solid #ccc;
box-sizing: border-box;
}
ul.acorc li li:last-child a {
border-bottom: 0;
}

ul.acorh li:target ul {
max-height: 300px;
transition: .3s all ease-in;
}
ul.acorh li a:hover {
background: #666;
color: #fff;
}

.menu-fixed {
    position:fixed;
    z-index:1000;
    position: fixed;
    top: 0;
    width: 100%
}

input#abrir-cerrar { visibility:hidden; position: absolute; top: -9999px; }

input#abrir-cerrar:checked ~ #sidebor {width:300px;}
input#abrir-cerrar:checked + label[for="abrir-cerrar"], 
input#abrir-cerrar:checked ~ #contenidor {
    margin-left:300px;
    transition: margin-left .4s;
}
input#abrir-cerrar:checked + label[for="abrir-cerrar"] .cerrar {display:inline;}

input#abrir-cerrar:checked + label[for="abrir-cerrar"] .abrir {display:none;}    

label[for="abrir-cerrar"] {
    cursor:pointer;
    padding: 1rem;
    background-color:#333;
    color:#fff;
    display:inline-block;
    width:100%;
}
.cerrar {
    display:none;
}

#sidebor {
    width:0;
}

#contenidor {
    margin-left:0;
}
.sidebor {
    position: fixed;
    height: 100%;
    width: 0;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #00324b;
    overflow-x: hidden;
    transition: 0.4s;
    padding: 1rem 0;
    box-sizing:border-box;
}

.sidebor .boton-cerrar {
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    font-size: 2rem;
    display: block;
    padding: 0;
    line-height: 1.5rem;
    margin: 0;
    height: 32px;
    width: 32px;
    text-align: center;
    vertical-align: top;
}

.sidebor ul, .sidebor li{
    margin:0;
    padding:0;
    list-style:none inside;
}
.sidebor ul {
    margin: 4rem auto;
    display: block;
    width: 80%;
    min-width:200px;
}
.sidebor a {
    display: block;
    font-size: 120%;
    color: #eee;
    text-decoration: none; 
}
.sidebor a:hover{
    color:#fff;
    background-color: #f90;
}

#contenidor {
    transition: margin-left .4s;
    padding: 1rem;
}

.abrir-cerrar {
    color: #2E88C7;
    font-size:1rem;   
}

@font-face {
    font-family: 'bearpawregular';
    src: url('fonts/BEARPAW_-webfont.eot');
    src: url('fonts/BEARPAW_-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BEARPAW_-webfont.woff') format('woff'),
         url('fonts/BEARPAW_-webfont.ttf') format('truetype'),
         url('fonts/BEARPAW_-webfont.svg#bearpawregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1.vincularf{font-family: bearpawregular;}

.taxi{
    font-size:300px; 
    color:cyan;
}
spam.vincularf:before{
    font-family:fontawesome;
    content:"\f206";
    
    font-size:300px;
    color:cyan;}

@font-face {
    font-family: 'icomoon';
    src:    url('fonts/icomoon.eot?oobu57');
    src:    url('fonts/icomoon.eot?oobu57#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?oobu57') format('truetype'),
        url('fonts/icomoon.woff?oobu57') format('woff'),
        url('fonts/icomoon.svg?oobu57#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-pelazo:before {
    content: "\e900";
    
    font-size: 300px;
    color:red;
    
}

.icon-noun_87940_cc:before {
    content: "\e900";
}