/*******************************************************/
/*CKEditor template module styles                      */
/*******************************************************/

.ckeditor.layout-card h2:first-of-type{
	margin-top: -10px;
}

/*******************************************************/
/* column layouts                                      */
/*******************************************************/

/*Auto column*/
.ckeditor-auto-fit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.ckeditor-auto-fit > * {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 10px;
            flex: 1 1 10px;
    min-width: 180px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

/*Fixed column ratio*/
.okpud-wrap{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin-bottom: 10px;
}
.okpud-wrap-col{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 15px;
	padding-right: 15px;
    min-height: 100%;
	position: relative;
}
.okpud-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
}


.okpud-wrap-col > * {-webkit-box-flex: 0;-ms-flex: 0 1 1px;flex: 0 1 1px;}
[class=^okpud-wrap-item]{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

[class^="okpud-wrap-item"]{
    margin-bottom: 15px;
}

.okpud-wrap-item-25{
    -webkit-box-flex: 1;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    min-width: max(200px, 25%);
}
.okpud-wrap-item-33{
    -webkit-box-flex: 1;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    min-width: max(200px, 33%);
}
.okpud-wrap-item-50{
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
	min-width: max(280px, 50%);
}
.okpud-wrap-item-67{
    -webkit-box-flex: 1;
        -ms-flex: 1 1 67%;
            flex: 1 1 67%;
    min-width: max(200px, 67%);
}
.okpud-wrap-item-75{
    -webkit-box-flex: 1;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    min-width: max(200px, 75%);
}

.main-content h2 {
    margin-bottom: 10px;
}
h2 .fontawesome-icon-inline {
    font-size: initial;
}


/*************************************************/
/*Styles accordion                               */    
/*************************************************/
dl.styled {
    margin-top: 0px;
}

.ckeditor-accordion-container > dl dt > a {
	background: var( --menu-main-color) !important;
	border: none !important;
}
.ckeditor-accordion-container > dl dt.active > a {
	background: var( --menu-active-color);
	border-bottom: none;
}
.ckeditor-accordion-container > dl {
    border: none;
}
.ckeditor-accordion-container {
	margin-left: -15px;
	margin-right: -15px;
}
dd.active{
	border: 6px solid var(--menu-active-color);
	overflow: auto;
}
dl dt a:hover {
	background-color: var(--menu-active-color) !important;
	color: white !important;
}

dl dt > a{
	height: -webkit-fit-content;
	height: fit-content;
	height: -moz-fit-content;
    padding-top: 20px !important;
    padding-bottom: 20px !important;  
}

/* accordion adapted for views */
.view-accordion-row {
	margin-bottom: -14px;
}

.ckeditor-accordion-container > dl dd {
    padding: 15px 15px 0 15px;
}

/*************************************************/
/*Layout                                         */
/*************************************************/

.align-right {
    padding-left: 10px;
}
.align-left {
    padding-right: 10px;
}
img[class^="align"] { 
	padding-bottom: 10px;
}

/*************************************************/
/*Blue text box                                  */
/*************************************************/
.ckeditor-blue-box {
	color:         white;
	background:    var(--color-blue);
    padding: 20px;
	margin-bottom: 15px;
	-webkit-box-flex:1;
	    -ms-flex:1;
	        flex:1;
}
.ckeditor-blue-box * {
	color:white;
}
.ckeditor-center-h {
	display:       -webkit-box;
	display:       -ms-flexbox;
	display:       flex;
    -webkit-box-align:   center;
        -ms-flex-align:   center;
            align-items:   center;
    place-content: center;
    margin:        0px;
}

/*Shadow*/
.ckeditor-shadow-black{
	-webkit-box-shadow: var(--shadow-black);
	        box-shadow: var(--shadow-black);
}
.ckeditor-shadow-white{
	-webkit-box-shadow: var(--shadow-white);
	        box-shadow: var(--shadow-white);
}

/*************************************************/
/*Table                                          */
/*************************************************/
.text-formatted th * {
    margin-bottom: 0px;
}
.text-formatted tr td {
    font-size: calc(10px + (16 - 10) * ((100vw - 300px) / (1600 - 300)));
}
.text-formatted th,
.view-rows th {
	background: var(--color-blue);
    color: white;
    height: 40px;
	font-size: calc(12px + (18 - 12) * ((100vw - 300px) / (1600 - 300)));
	padding-top: 10px;
	
}

.text-formatted table *:not(path),
.view-rows table {color:white}

.text-formatted tr:last-child,
.view-rows tr:last-child {
  border-bottom:5px solid var(--color-blue);
}
.text-formatted tr,
.view-rows tr{
  height: 30px;
  border-left: 5px solid var(--color-blue);
  border-right: 5px solid var(--color-blue);
}

.text-formatted tr td,
.view-rows tr td {
  background-color: transparent;
}
.text-formatted tr:nth-child(odd),
.view-rows tr:nth-child(odd){
  background-color: #163a868f;
}
.text-formatted tr:nth-child(even),
.view-rows tr:nth-child(even){
  background-color: #163a86c9;
}
.text-formatted tr td, 
.text-formatted tr th,
.view-rows tr td,
.view-rows tr th{
	border:none;
}

.text-formatted tr td, 
.text-formatted tr th,
.view-rows tr td,
.view-rows tr th {
    border-bottom:2px solid var(--color-blue);
}
.text-formatted table,
.view-rows table {
    background: white;
	border-radius: 3px;
    
}

/*************************************************/ 
/*figure (caption)                               */
/*************************************************/
/*figure *, figure {
    background: transparent !important;
    border: none !important;
    padding: 0px;
}*/

/*************************************************/
/*Embedded page                                  */
/*************************************************/
.embedded-entity .node__title {
    display: none;
}
.embedded-entity .content {
    margin-top: 0px !important;
}
/*************************************************/
/*Buttons                                        */
/*************************************************/
.ckeditor-button-link{
    width: 150px;
    text-align: center;
    margin: 5px;
	padding: 0px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ckeditor-button-link a {
	padding: 20px;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	
}

.ckeditor-button-link-slim a {
    padding: 5px;
}

/*************************************************/
/*Commands                                       */
/*************************************************/
.cmd-photo-wrap {
	clear: both;
	visibility: hidden;
    height: 1px;
    padding: 0px;
    margin: 0px;
}
.hidden {
	display: none
	height: 0px;
}