/*!
Theme Name: DmPrime
Theme URI: https://digimodulo.com/
Author: DigiModulo
Author URI: https://digimodulo.com/
Description: This is a minamalist theme for wordpress website developement by DigiModulo.
Version: 1.0.3
Tested up to Wordpress: 5.9
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dmprime
Tags: custom-background, custom-logo, custom-menu, featured-images, custom post type, social network links
File:  dmfloatingbutton.css
File description:  DmPrime wordpress theme css file for floating button
*/

.dm-float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color: transparent;
	color: #c63a42;
	border: 2px solid #c63a42;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
	font-size: 2em;
	z-index: 10;
	text-decoration: none;
}

.dm-float-video{
	position:fixed;
	width:150px;
	height:280px;
	bottom:200px;
	right:40px;
	background-color: black;
	color: #c63a42;
	text-align:center;
	font-size: 2em;
	z-index: 10;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

.dm-float-video iframe   {

}

.dm-float-video figure   {
	border: 2px solid #c63a42;
	box-shadow: 2px 2px 3px #999;
}

.dm-float-figure  {
	margin: 0;
	background-color: black;
	width:inherit;
	height:inherit;
}

.dm-float:hover  {
	background-color: #c63a42;
	color: white;
}

.container-fluid
{
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

/* Video flutuante */
.content-media--video {
   background-color: #ddd;
   display: block;
   position: relative;
   /*padding: 0 0 56.25% 0;*/
   padding: 0;
}
.content-media--video iframe {
  position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.content-media--video video {
   width: 100%;
   height: 100%;
   object-fit: cover;
}


#featured-video {
  transition: width .2s ease-in-out, height .2s ease-in-out, transform .38s ease-in-out;
}
/** Use .sticky */
#featured-video.is-sticky {
  position: fixed;
  top: 15px;
  left: auto;
  max-width: 280px;
  max-height: 158px;
  width: 280px;
  height: 158px;
}