/*
Theme Name: Ruby
Theme URI: http://www.biobutterfly.com
Author: Stefano Atzeri & Giuseppe Severo
Author URI: http://www.biobutterfly.com
Description: Ruby is a new WordPress Theme designed and developed for users who want to expose their personal Projects, Photographs or Stories through blog. It is developed exclusively for the WordPress platform,it has an ultra simple, modern, intuitive design and it works with mobile devices. Thanks to BioPanel you can customize almost every aspect of the site.. From the colors to the layout!
Version: 10.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: ruby
*/

/*
#footer .facebook-icon{
	background: rgba(59, 89, 152, 0.1) url(../images/social-icons/social-icons.svg) no-repeat  -6px -307px !important;
}*/

/* TITLE */
#title-index{
    text-align: center;
    margin: 20px;
    /*width: 60%;*/
    /*width: 70%;*/
}

#title-index img{
    /*width: 20%;*/
}

/* CAMBIAR COLOR HOVER MENU */
#menu-sidebar .nav a:before {
    background: #145197 !important;
}

#menu{
	/*position: fixed;
 	top: 0;
  	width: 100%;
	z-index:99999;*/

}

/* DESPLEGAR MENU */
.sub-menu{

}

/* CAMBIAR COLOR BORDER COMENTARIOS */
#comment {
    border: #1d252c solid 1px !important;
}

/* CAMBIAR COLOR TABLA EVENTOS */
#calendar_wrap th {
    background: #145197 !important;
}

#calendar_wrap {
    background: rgba(0, 0, 0, 0) !important;
    position: fixed;
	margin-left: 15px !important;
}

.tribe-events-has-events{
	background-color: rgba(10,85,160,0.1);
}

.tribe-events-has-events  a{
	color: black !important;
}

/* QUITAR PUNTOS */
#calendar-3 {
    list-style: none;
}

/* OCULTAR WIDGET CUANDO SEA MENOR DE 1280PX EL ANCHO */
@media (max-width: 1280px) {
    #calendar_wrap {
        display: none;
    }


    #metaslider_container_94 {
        width: 75vw !important;
    }

    #metaslider_94 {
        margin-left: 5% !important;
    }
}

/* TAMAÑO LOGO HEADER RESPONSIVE */
@media (max-width: 1280px) {
    #logoheader {
        width: 80% !important;
    }

}

@media (max-width: 600px) {
    #logoheader {
        width: 100% !important;
    }
}

/* INFO PAGE */
#info-page {
    background-color: white;
}

/*MENU*/
#menu-main-1 {
    padding: 35px 0 35px 0 !important;

    list-style: none !important;
    text-align: center !important;

    font-family: Arial, serif;
    font-weight: bold;
}

#menu-main-1 a {
    color: #0a55a0 !important;
}

#menu-main-1 a:hover {

    color: #ffcc00 !important;
}

#menu-main-1 li {
    display: inline;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 20px;

    margin: 5px;
    /*color: #0a55a0 !important;*/
}

/* OCULTAR MENU HORIZONTAL */
#js-menu {
    display: none !important;
}

@media (max-width: 980px) {
    #menu-main-1 {
        display: none;
    }

    #js-menu {
        display: block !important;
    }
}

/* SLIDER HOME */
#slider-home {
    /*margin-top: 50px !important;*/
    text-align: center;
}

#metaslider_container_94 {
    width: 50vw;
    margin-left: auto;
    margin-right: auto;
}

/* OCULTAR FACEBOOK Y WIDGET */
@media (max-width: 1280px) {
    #footer_facebook {
        display: none;

    }

}

@media (max-width: 980px) {

    #footer_widget {
        display: none;

    }

    #table-socios{
        width: 80vw !important;
    }

}

/* SOCIOS HOME PAGE */
#table-socios{
    width: 50vw;
    margin-left: auto;
    margin-right: auto;
    border: solid 0 rgba(0,0,0,0);
}

#table-socios-page{
    width: 50vw;
    margin-left: auto;
    margin-right: auto;
    border: solid 0 rgba(0,0,0,0);
}

#table-socios tr td, #table-socios-page tr td{
    text-align: center;
    border: solid 0 rgba(0,0,0,0);
}
/*EFECTO SOCIOS PARTNERS*/
.partner-logo{
    -webkit-transition: 1s; /* For Safari 3.1 to 6.0 */
    transition: 1s;

}

.partner-logo:hover{
    /*transform:scale(0.95);*/
}

@media (max-width: 980px) {

    #table-socios{
        width: 80vw !important;
    }

}

/* PARTNER IMAGENES */
.partner-logo li a img{
    /*border-radius: 50% !important;*/
    /*border: 0 solid #122b57 !important;*/

    -webkit-transition: 200ms; /* For Safari 3.1 to 6.0 */
    /*-ms-transform: scaleX(1.5); !* IE 9 *!*/
    /*-webkit-transform: scaleX(1.5); !* Safari prior 9.0 *!*/
    /*transform: scaleX(1.5); !* Standard syntax *!*/

    transition: 200ms;
}

.partner-logo li a img:hover{
    /*border: 4px solid #122b57 !important;*/
}

/* OCULTAR NAVIGATION */
.navigation{
    display: none;
}

.footer-td{
    border: solid 0 rgba(0,0,0,0);
}

/* COLOR LEER MÁS LEARN MORE */
.blog article .read-more{
    background: #ffcc00 !important;

    -webkit-transition: 2s; /* For Safari 3.1 to 6.0 */
    transition: 2s;
}
.blog article .read-more:hover{
    background: rgb(20, 81, 151) !important;
}

.archive article .read-more{
    background: #ffcc00 !important;

    -webkit-transition: 2s; /* For Safari 3.1 to 6.0 */
    transition: 2s;
}

.archive article .read-more:hover{
    background: rgb(20, 81, 151) !important;
}

#back-to-top{
    margin-right: 20px;
}

/* COLOR BOTON SUBMIT */
 .submit{
    color: white !important;
    background-color: rgb(20, 81, 151) !important;
     margin: 50px 0 25px 0 !important;
}

 .submit:hover{
    background-color: #ffcc00 !important;
}

 /*MORE INFORMATION*/
#more-information, #more-information td{
    border: solid 0;
    text-align: center;
}

.flip-card {
    background-color: transparent;
    width: 300px;
    height: 300px;
    perspective: 1000px;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

.flip-card-front {
    background-color: #bbb;
    color: black;
}

.flip-card-back {
    background-color: #2980b9;
    color: white;
    transform: rotateY(180deg);
}

/* TITULO WIDGET */
.widgettitle{
    font-size: 18px;
    margin: 5% !important;
    color: #145197 !important;
}

/* FORM */
input[type=submit]{
    background: rgb(20, 81, 151) !important;
    display: block;
    text-transform: uppercase;
    border: none;
    font-size: .66em;
    margin: 4.2% 0 0 0!important;
    padding: 11px 10px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


input[type=text], select , input[type=email], textarea{
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

input[type=submit] {
    width: 100%;
    background-color: rgb(20, 81, 151);
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

input[type=submit]:hover {
    background-color: #ffcc00 !important;
}
/* PLUGIN FAEBOOK */
#Facebook_Messenger path{
	fill: #145197 !important;
}


.fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget iframe,
 ._2p3a{
	width: 100% !important;
}

#cookie-law-info-again{
	background:#145197 !important;
}

#fbmsg .fbmsg-badge{
	right: 0 !important;
	left: 40px !important;
}

#fbmsg .wp-sheet{
	right: 0 !important;
	left: 0px !important;
}

/* TITULOS PAGINAS */
.post-date {
    display: none !important;
}

.entry-title {
    text-align: center ;
}

.entry-title a{
    color: #ffcc00 !important;
}

.entry-title a:hover{
    color: #d09e00 !important;
}

h1, h2, h3, h2 a, .tribe-events-page-title{
    color: #ffcc00 !important;
}

.wpcf7-validation-errors{
    border: 2px solid #d09e00;
}

/* ENTRADAS DE FACEBOOK */

.cff-link-item, .cff-likebox .cff-bottom {
    display: none !important;
}

/* MEDIA - VIDEOS */
.videos p iframe{
	width: 100% !important;
}