/*
Theme Name: PixelCircus Base Bootstrap
Theme URI: http://pixelcircus.ca
Author: Frédéric Pilon
Author URI: http://pixelcircus.ca
Description: A blank theme to start a new project. Uses Bootstrap.
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: amcq-theme

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

body .px-card-listing{
    height:100%;
    display:flex;
    flex-direction: column;
}
body .px-card-listing .content{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.px-editor-content iframe {
    width: 100% !important;
    height: 500px !important;
}

 .video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
  }

  .video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
.menu-link:hover{
color: #285D7F !important;
text-decoration: none;
}


/* Pour Les pages Formations  */

#em-wrapper .em-events-list .em-item{
  width: 100% !important;
}
#em-wrapper .em-events-list .em-item .em-item-info .em-event-meta{
  flex-direction: row !important;
  padding: 1rem 2rem !important;
}
.formation-list-left-side{
  width: 30%;
}
.formation-list-middle-side{
  width: 30%;
}
.formation-list-middle-side .em-item-meta-line:not(:first-child){
  padding:5px 0;
}

.formation-list-right-side{
  width: 40%;
}
#em-wrapper .em-events-list .em-item .em-item-info .em-item-actions{
  flex-direction: row !important;
}

.em-item-desc{
  min-height: 100px;
}
@media (max-width: 900px){
  .formation-list-left-side{
    width: 100%;
  }
  .formation-list-middle-side{
    width: 100%;
  }
  .formation-list-right-side{
    width: 100%;
  }
  #em-wrapper .em-events-list .em-item .em-item-info .em-event-meta{
    flex-direction: column !important;
  }
  #em-wrapper .em-events-list .em-item .em-item-info .em-item-actions{
    flex-direction: column !important;
  }
  .em-item-desc{
    padding-bottom: 10px;
  }
  .col-category{
    margin-top: 0px !important;
  }
}

.text-new-blue{
  color: #07BED5 !important;
}
.formation-list-middle-side a{
  color: #07BED5 !important;
}
#em-wrapper .em-events-list .em-item .em-item-info .em-event-book-now {
  background-color: #07BED5 !important;
  border-color: #07BED5 !important;
  padding: 0.8rem !important;
}
#em-wrapper .em-events-list .em-item .em-item-info .em-event-book-now:hover  {
  background-color: #fff !important;
  border: 1px solid #07BED5 !important;
  color: #07BED5 !important;
}

#em-wrapper .em-events-list .em-item .em-item-info .em-item-read-more{
  border: 1px solid #07BED5 !important;
  color: #07BED5 !important;
  padding: 0.8rem !important;
}
#em-wrapper .em-events-list .em-item .em-item-info .em-item-read-more:hover {
    border-color: #07BED5 !important;
    background: #07BED5 !important;
    color: #fff !important;
}

.em.pixelbones .input button.button-primary{
  background-color: #07BED5 !important;
  border-color: #07BED5 !important;
}

:focus-visible {
    outline:none !important;
}

	.bg-new-blue{
		background-color: #07bed5;
	}
	.col-content .px-editor-content a,
	.col-content .px-editor-content p,
	.col-content .px-editor-content{
		color: white;
	}
	.col-category h3{
		font-size: 32px;
		padding-bottom: 15px;
		border-bottom: 1px solid white;
		margin-bottom: 15px;
	}
  @media (max-width: 768px){
    .col-category h3{
      font-size: 24px;
    }
  }
	.container-hero{
		padding-left: 0 !important;
		padding-right: 0 !important;
    z-index: 999;
	}