/*

impleBUILDER 2.4.2
Copyrights 2020 Majewski Business Consulting Piotr Majewski
All rights reserved. Using without written permission outside IMPLE products is forbidden.
biuro@majewskibc.pl

*/

/* DO NOT use load_latest.css because it loads styles already loaded */
/* @import url('https://www.imple.com/lib/implepage/1.2.22/implepage.min.css'); */
/* lodaded via .js to avoid duplicates */

.implebuilder .modal,
.implebuilder.modal:not(.in) {
	display:block;
	overflow:visible;
	position:relative;
	z-index:1;
}

.implebuilder .fade,
.implebuilder.fade:not(.in) {
	opacity:100%;
}

.implebuilder .modal:not(.in) .modal-dialog,
.implebuilder.modal:not(.in) .modal-dialog {
  -webkit-transform: translate(0, 0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0, 0);
}


[contenteditable] {
user-select: text;
  -webkit-user-select: auto; /* Chrome/Safari */
  -moz-user-select: text; /* Firefox */
  -ms-user-select: text; /* IE10+ */
}

/* Define the keyframes for the pulse effect */
@keyframes pulse {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.2);
    }
    100% {
      transform: scale(1);
    }
}
  
/* Utility class to apply the pulse */
.pulse {
  display: inline-block;         /* or block, flex, etc., as needed */
  animation: pulse 2s ease-in-out infinite;
  /* optional hardware acceleration hint */
  will-change: transform, opacity;
}

#currently-edited-btns.btn-group,
.MoveSection {
    padding:3px;
    border-radius:3px;
    border: 0px solid #ddd;
    background-color:#fff;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(221, 221, 221, 1);
    -moz-box-shadow: 0px 0px 3px 0px rgba(221, 221, 221, 1);
    box-shadow: 0px 0px 3px 0px rgba(221, 221, 221, 1);
}
  
#currently-edited-btns.btn-group .btn,
.MoveSection .btn {
    border:0;
    padding:5px 10px;
}
  
section:has(.MoveSection.active) {
    -webkit-box-shadow: 0px 0px 3px 0px rgba(221, 221, 221, 1);
    -moz-box-shadow: 0px 0px 3px 0px rgba(221, 221, 221, 1);
    box-shadow: 0px 0px 3px 0px rgba(221, 221, 221, 1);
}

section.editable-section div i.fa:not(.control-icon):hover {
    text-shadow: 0px 0px 15px #4487CC;
    cursor:pointer;
}

.video-white, .video-dark {
    background-color:#000000;
    background-size: cover;
    font-size:25pt;
    text-align:center;
    background-position: center center;
    color:white;
    
}

.video-white:after, .video-dark:after {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  font-size:50px;
  content: '▶';
}

#currently-edited {  display:block; box-shadow: 0px 0px 3px #cccccc; } 
#currently-edited-btns .btn {padding:3px; font-size:9pt; line-height:1; min-width:22px;}
.currently-edited-btn { z-index:100; font-size:12px; background:#ffffff; padding:1px 3px; }

.MoveSection {
  z-index:2;
  position:absolute;
  top:5px;
  right:5px;
}

button.AddSection {
    border-radius: 34px;
    border: 0px;
    position: relative;
    margin: -15px auto;
    padding: 6px 11px;
    z-index: 10;
    text-transform: uppercase;
    font-size: 12px;
    clear: both;
    color: #888888;
    text-align: center;
    display: block;
}

button.AddSection:hover {
  background-color: #c0c0c0;
  color: #888888;
}


@media (max-width: 767px) {
  button.AddSection {
    margin: -15px 15px;
    padding: 6px 11px;
    position: relative;
  }
}


.modal .sticky-header,
.modal .sticky-header,
.modal .sticky-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0px; z-index:100; background-color:#ffffff;
}

.modal .sticky-subheader {
    position: -webkit-sticky;
    position: sticky;
    top: 50px;
    z-index:90;
    padding-top:15px;
    margin-left:-15px;
    padding-left:15px;
    background-color:#ffffff;
}

#AddSectionModal .modal-header {
    background:#333333;
    color:white;
}

#AddSectionModal .modal-content {
    background:#333333;
}

#AddSectionModal .thumbnail {
    width:100%;
    background:#333333;
    border-color:#777777;
}

#AddSectionModal .thumbnail img {
    width:100%;
}

#AddSectionModal .caption  {
    color:#cccccc;
    font-weight:500;
}

#AddSectionModal .modal-header {
    line-height:28px;
}

#AddSectionModal .modal-header .modal-title {
    margin-bottom:10px;
}

#AddSectionModal .sectiontag {
    font-size:13px;
    cursor: pointer;
}

.fontawesome-icon-list {padding-top:15px;}
.fontawesome-icon-list .col-icon {color:#888; padding-top:15px; padding-bottom:15px; text-align:center;}
.fontawesome-icon-list .col-icon i {color:#000000; display:block;}
.fontawesome-icon-list .col-icon:hover {background-color:#f1f1f1; cursor:pointer;}