/*
Theme Name: Elisa Cano 2019
Theme URI: www.13node.com

Description: Diseño Web para Elisa Cano
Version: 1.0
Author: 13Node
Author URI: https://13node.com
Tags: Actriz, Tenerife, Madrid, Modelo
*/

@import url('https://fonts.googleapis.com/css?family=Crimson+Text|Montserrat|Fjalla+One');
/* @import url('https://fonts.googleapis.com/css?family=Caveat+Brush|Covered+By+Your+Grace|Pacifico'); */

body, html {
	font-family: 'Montserrat', sans-serif;
    margin: 0;
	height:100%;
}
.container a {
	color: #9A1750;
}
.container a:hover {
	color: #717C7D;
	text-decoration: none;
	border-bottom: 1px dotted
}
/* VIMEO CONTAINER */
    .vimeo-container {
      --video--width: 1296;
      --video--height: 540;

      position: relative;
      padding-bottom: calc(var(--video--height) / var(--video--width) * 100%); /* 41.66666667% */
      overflow: hidden;
      max-width: 100%;
	  width:100%;
      background: black;
    }

    .vimeo-container iframe,
    .vimeo-container object,
    .vimeo-container embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }

/* menu styles */
.list-unstyled,
.list-unstyled ul { min-width: 130px }

@media ( min-width: 767px ) {
  .panel-group { width: 400px; }
  .thumbnail { margin: 0; }
}

.bg-dark {
  background-color: #212529;
}

.bg-mm {
  background-color: #f8f9fa;
}
.bg-ec {
	min-height: 300px;
}
.bg-brown {
	background-color: #3b2d26;
}

.navbar {
    margin-bottom: 0!important;
	z-index: 999;
	font-family: 'Fjalla One', sans-serif;
	text-transform: uppercase;
	background-color: #fff;
    border-bottom: #f8f9fa solid 1px;
}
a .navbar-brand {
    padding-top:0px!important;
}
.navbar-brand {
    padding-top: 0px!important;
}
.navbar .navbar-brand {
  padding-top: 0px;
  color: #0b0c0d;
  font-size: 2.0em;
  font-family: 'Crimson Text', sans-serif;
}
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
  color: #0b0c0d;
}
.navbar .navbar-text {
  color: #0b0c0d;
}
.navbar .navbar-text a {
  color: #0b0c0d;
}
.navbar .navbar-text a:hover,
.navbar .navbar-text a:focus {
  color: #0b0c0d; 
}
.navbar .navbar-nav .nav-link {
  color: #0b0c0d;
  margin: 0 0.25em;
}
.navbar .navbar-nav .nav-link:not(.disabled):hover,
.navbar .navbar-nav .nav-link:not(.disabled):focus {
  color: #0b0c0d;
  border-bottom: 1px solid #0b0c0d;
}
.navbar .navbar-nav .nav-item.active .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link:hover,
.navbar .navbar-nav .nav-item.active .nav-link:focus,
.navbar .navbar-nav .nav-item.show .nav-link,
.navbar .navbar-nav .nav-item.show .nav-link:hover,
.navbar .navbar-nav .nav-item.show .nav-link:focus {
  color: #0b0c0d;
  border-bottom: 1px solid #0b0c0d;
}
.navbar .navbar-toggle {
  border-color: #0b0c0d;
}
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
  background-color: #e3e2df;
}
.navbar .navbar-toggle .navbar-toggler-icon {
  color: #0b0c0d;
}
.navbar .navbar-collapse,
.navbar .navbar-form {
  border-color: #ecf0f1;
}
.navbar .navbar-link {
  color: #ecf0f1;
}
.navbar .navbar-link:hover {
  color: #363636;
}

@media (max-width: 575px) {
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #363636;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #363636;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #363636;
  background-color: #fff;
  }
}

@media (max-width: 767px) {
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #363636;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #363636;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #363636;
  background-color: #fff;
  }
}

@media (max-width: 991px) {
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #363636;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #363636;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #363636;
  background-color: #fff;
  }
}

@media (max-width: 1199px) {
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #363636;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #363636;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #363636;
  background-color: #fff;
  }
}

.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item {
  color: #363636;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:hover,
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:focus {
  color: #363636;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item.active {
  color: #363636;
  background-color: #fff;
}

.navbar .dropdown-menu {
  background-color: #fff;
}
.navbar .dropdown.show a { 
  background-color: #fff;
}
.navbar .dropdown.show a:hover { 
  color: #F7C3B1;
}
.darowa {
      position: relative;
  }
.bottom-align-text {
  position: relative!important;
  bottom: 0!important;
  right: 0!important;
}
.sombreado {
	box-shadow: 10px 10px 5px grey;
}

p.dots{
  border-bottom:1px #333 dotted!important;
}
.table > tbody > tr > td {
    vertical-align: bottom;
    border-bottom: 2px dotted #ddd!important;
    }
.fdm-section-header h3 {
	font-family: 'Crimson Text', sans-serif;
	padding-top: 15px!important;
}
.titleitalic {
	color: #FFFFFF!important;
	font-family: 'Crimson Text', sans-serif;
    font-size: 30px!important;
    margin-top: 0px;
    padding-top: 0px;
	text-shadow: 2px 2px #000000;
}
@media (max-width: 767.98px) {
  .offcanvas-collapse {
    position: fixed;
    top: 56px; /* Height of navbar */
    bottom: 0;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    background-color: var(--gray-dark);
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  .offcanvas-collapse.open {
    -webkit-transform: translateX(-1rem);
    transform: translateX(-1rem); /* Account for horizontal padding on navbar */
  }
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  color: rgba(255, 255, 255, .75);
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.nav-underline .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
  color: var(--secondary);
}

.nav-underline .nav-link:hover {
  color: var(--blue);
}

.nav-underline .active {
  font-weight: 500;
  color: var(--gray-dark);
}

.text-white-50 { color: rgba(255, 255, 255, .5); }

.bg-purple { background-color: #403F63; }

.border-bottom { border-bottom: 1px solid #e5e5e5; }

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }


.lh-100 { line-height: 1; }
.lh-125 { line-height: 1.25; }
.lh-150 { line-height: 1.5; }

.text-white, .text-white h4, .text-white a {
  color: #020202;
}
.text-white a:hover {
  text-decoration: none;
  text-shadow: 2px 2px #000000;
  color: #bbdfed;
}
.copyfooter, .copyfooter a {
	color: #020202;
}
/* Headers */
.hero-image {
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}
header {
	background-color: #000000!important;
	min-height: 400px;
}
.page-caption { padding-top: 170px; padding-bottom: 174px; }
.page-titl { font-size: 50px; line-height: 1; color: #fff; font-weight: 600; text-align: center; }
.page-title { text-transform: uppercase; }

.card-section { position: relative; bottom: 10px; }
.card-block { padding: 10px;  }
.bg-menulike {
	background-color: #343a40;
}
h1 {
  font-family: 'Crimson Text', sans-serif;
  margin: 0 auto 40px auto;
  color: #fff;
  font-size: 8vw;
  text-align: center;
  padding: 10px 0 5px 0;
  position: relative;
  text-transform: uppercase;

}

h1:before {
  content: "";
  width: 360px;
  height: 1px;
  background: #c8c8c8;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -180px;
}

h1:after {
  content: "";
  width: 100px;
  height: 3px;
  background: #F7C3B1;
  position: absolute;
  bottom: -11px;
  left: 50%;
  margin-left: -50px;
}
.whiteh {
	color: #ffffff!important;
	border: 2px #000000!important;
    font-family: 'Crimson Text', sans-serif;
  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
	text-transform: uppercase;
}
h1 .font_0 {
	font-family: 'Crimson Text', sans-serif;
}
h2 {
	color: #0b0c0d!important;
	font-family: 'Crimson Text', sans-serif;
}
h2 .font_2 {
	color: #57b9f8!important;
}
h3 {
	color: #FFFFFF!important;
  /* WebKit (Safari/Chrome) Only */
  -webkit-text-stroke: 1px black;
  /* If we weren't using text-shadow, we'd set a fallback color
     and use this to set color instead
    -webkit-text-fill-color: white; */
  text-shadow:
    3px 3px 0 #000,
    /* Simulated effect for Firefox and Opera
       and nice enhancement for WebKit */
   -1px -1px 0 #000,  
    1px -1px 0 #000,
   -1px  1px 0 #000,
    1px  1px 0 #000;
}
h4 {
	font-family: 'Fjalla One', sans-serif;
	font-size: 1.2rem;
	text-transform: uppercase;
}
h4.effect {
	color: #FFFFFF!important;
  /* WebKit (Safari/Chrome) Only */
  -webkit-text-stroke: 1px black;
  /* If we weren't using text-shadow, we'd set a fallback color
     and use this to set color instead
    -webkit-text-fill-color: white; */
  text-shadow:
    3px 3px 0 #000,
    /* Simulated effect for Firefox and Opera
       and nice enhancement for WebKit */
   -1px -1px 0 #000,  
    1px -1px 0 #000,
   -1px  1px 0 #000,
    1px  1px 0 #000;
}
h1.header {
	color: #FFFFFF!important;
	font-family: 'Crimson Text', sans-serif;
	text-shadow: 3px 3px #000000;
}
h2.header {
	color: #FFFFFF!important;
	font-family: 'Crimson Text', sans-serif;
	font-size: 30px!important;
	text-shadow: 2px 2px #000000;
}
h3.header {
	color: #000000!important;
	font-family: 'Crimson Text', sans-serif;
	font-size: 30px!important;
	text-shadow: 2px 2px #FFFFFF;
}
/* Page Sections */
.section,
.section-colored,
.section-page,
.section-prefooter,
.section-footer {
  padding-top: 20px!important;
  padding-bottom: 10px!important;
  /*max-width: 960px!important;
  border-left:2px solid #0099FF;
  border-right:2px solid #0099FF;*/
  margin-left: 0px!important;
  margin-right: 0px!important;
  margin-bottom: 10px!important;
}
.section-colored {
  background-color: #000000;
  color: #FFFFFF!important;
 /* change this to change the background color of a colored section */
  border-bottom: 4px solid #662D91!important;
}
.section-page {
  background-color: #171717;
  color: #FFFFFF!important;
  border-bottom: 4px solid #662D91!important;
}
.section-page h1, .section-page h3 {
  color: #FFFFFF!important;
  font-family: 'Crimson Text', sans-serif;
}
.section-prefooter {
  background-color: #662D91;
  color: #FFFFFF!important;
}
.section-footer {
  background-color: #5B2881;
  color: #FFFFFF!important;
}
  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 100%;
      margin: auto;
  }
.img-thumbnail {
  height: 200px!important;
}
.panel-footer {
  background-color: #5B2881!important;
  color: #FFF!important;
  font-family: 'Montserrat', sans-serif;
}
.btn-elisa { 
  color: #FFFFFF !important;
  background-color: #717C7D; 
  border-color: #000000; 
} 
 
.btn-elisa:hover, 
.btn-elisa:focus, 
.btn-elisa:active, 
.btn-elisa.active, 
.open .dropdown-toggle.btn-elisa { 
  color: #FFFFFF; 
  background-color: #241F2B; 
  border-color: #000000; 
} 
 
.btn-elisa:active, 
.btn-elisa.active, 
.open .dropdown-toggle.btn-elisa { 
  background-image: none; 
} 
 
.btn-elisa.disabled, 
.btn-elisa[disabled], 
fieldset[disabled] .btn-elisa, 
.btn-elisa.disabled:hover, 
.btn-elisa[disabled]:hover, 
fieldset[disabled] .btn-elisa:hover, 
.btn-elisa.disabled:focus, 
.btn-elisa[disabled]:focus, 
fieldset[disabled] .btn-elisa:focus, 
.btn-elisa.disabled:active, 
.btn-elisa[disabled]:active, 
fieldset[disabled] .btn-elisa:active, 
.btn-elisa.disabled.active, 
.btn-elisa[disabled].active, 
fieldset[disabled] .btn-elisa.active { 
  background-color: #0b0c0d; 
  border-color: #000000; 
} 
 
.btn-elisa .badge { 
  color: #F7C3B1; 
  background-color: #FFFFFF; 
}
.btn-purple { 
  color: #FFFFFF; 
  background-color: #B97EBB; 
  border-color: #130269; 
} 
 
.btn-purple:hover, 
.btn-purple:focus, 
.btn-purple:active, 
.btn-purple.active, 
.open .dropdown-toggle.btn-purple { 
  color: #FFFFFF; 
  background-color: #AD61B0; 
  border-color: #130269; 
} 
 
.btn-purple:active, 
.btn-purple.active, 
.open .dropdown-toggle.btn-purple { 
  background-image: none; 
} 
 
.btn-purple.disabled, 
.btn-purple[disabled], 
fieldset[disabled] .btn-purple, 
.btn-purple.disabled:hover, 
.btn-purple[disabled]:hover, 
fieldset[disabled] .btn-purple:hover, 
.btn-purple.disabled:focus, 
.btn-purple[disabled]:focus, 
fieldset[disabled] .btn-purple:focus, 
.btn-purple.disabled:active, 
.btn-purple[disabled]:active, 
fieldset[disabled] .btn-purple:active, 
.btn-purple.disabled.active, 
.btn-purple[disabled].active, 
fieldset[disabled] .btn-purple.active { 
  background-color: #B97EBB; 
  border-color: #130269; 
} 
 
.btn-purple .badge { 
  color: #B97EBB; 
  background-color: #FFFFFF; 
}
/*============================================================
FOOTER
============================================================*/
.container-footer {
	color: #020202;
}
.container-footer a {
	color: #020202;
}
.container-footer a:hover {
	color: #F7C3B1;
	text-decoration: none;
}
.container-footer h4 {
	letter-spacing: 2px;
}
.social {
    position: relative;
	  margin: auto;
    height: 3em;
    max-width: 200px;
	margin-top: 60px;
}

.social li {
    display: block;
    height: 4em;
    line-height: 4em;
    margin: -2.2em;
    position: absolute;
    -webkit-transition: -webkit-transform .7s;
    -moz-transition: -moz-transform .7s;
    -ms-transition: -ms-transform .7s;
    -o-transition: -o-transform .7s;
    transition: transform .7s;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    text-align: center;
    width: 4em;

}

.social a {
    color: #020202;
    display: block;
    height: 4em;
    line-height: 5.3em;
    text-align: center;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 4em; 
	border-bottom: 0px!important;
	text-decoration: none;
  
}
.social a:hover {
	color: #F7C3B1;
}

.social li:hover {
  -webkit-transform: scale(1.3,1.3) rotate(45deg);
    -moz-transform: scale(1.3,1.3) rotate(45deg);
  -ms-transform: scale(1.3,1.3) rotate(45deg);
    -o-transform: scale(1.3,1.3) rotate(45deg);
  transform: scale(1.3,1.3) rotate(45deg);
	
}

.facebook {
    border: 1px solid #020202;
    left: 0;
    top: 0%;
}

.twitter {
    border: 1px solid #020202;
    bottom: 0;
    left: 25%;
}
.instagram {
    border: 1px solid #020202;
    top: 0;
    left: 50%;
}
.youtube {
    border: 1px solid #020202;
    left: 75%;
    bottom: 0%;
}
.imdb {
    border: 1px solid #020202;
    left: 100%;
    top: 0;
}
.vc_grid-filter.vc_grid-filter-color-pink > .vc_grid-filter-item.vc_active, .vc_grid-filter.vc_grid-filter-color-pink > .vc_grid-filter-item:hover {
  background-color: #000!important;
}
/* =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: #DDDDDD;







    border: 0px 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;

}

input, select, textarea{
  color: #000000!important;
}

/* Animaciones */
.relativo {
  position: relative;
  margin-top: 70px;
}
.wave {
  position: absolute;
  left:0;
  right:0;
  top:-90px;
  bottom:0;
  z-index: 1;
}

.wave + .wave {
  z-index: 2;
}