/*
Template Name: Wordpress editor
*/

body#tinymce.wp-editor {
    font-family: Arial, Helvetica, sans-serif !important;
}


/*    Ikano red arrow Start */
.ikano-red-arrow{
    cursor: pointer;
    color: #34353a;
    text-decoration: none;
    transition: color .2s ease-out;
}
.ikano-red-arrow:hover{
    color: #ec0000;
    text-decoration: none;
}
  
.ikano-red-arrow::after {
    position: relative;
    left: 0;
    content: '';
    margin-left: 3px;
    border: solid #ec0000;
    border-radius: 1px;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
@media (max-width: 575px) {
   .ikano-red-arrow::after {
        margin-left: 0px;
    }
}
.ikano-red-arrow:hover::after{
    margin-left: 10px;
}
/*    Ikano red arrow End */

/*    Ikano yellow arrow Start */

.ikano-yellow-arrow:hover{
    color: #fcbd31;
    text-decoration: none;
}

.ikano-yellow-arrow:after {
    position: relative;
    left: 0;
    content: '';
    margin-left: 3px;
    border: solid #fcbd31;
    border-radius: 1px;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
@media (max-width: 575px) {
   .ikano-yellow-arrow::after {
        margin-left: 0px;
    }
}
.ikano-yellow-arrow:hover::after{
    margin-left: 10px;

}


/* RED BUTTON, WHITE TEXT, WHITE ARROW Start*/
.btn-ikano-red-arrow {
	background-color: #ec0000;
    border-color: #ec0000;
	border-radius: 2px;
    color: #fff;
    /* width: calc(100% - 145px); */
}

.btn-ikano-red-arrow:hover {
	background-color: #c50f0f;
    border-color: #c50f0f;
    color: #fff;
}

.btn-ikano-red-arrow::after {
    position: relative;
    left: 0;
    content: '';
    margin-left: 3px;
    border: solid #fff;
    border-radius: 1px;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.btn-ikano-red-arrow:hover::after{
    animation: movearrow 3.5s 1;
     transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);

}

/* RED BUTTON, WHITE TEXT, WHITE ARROW End*/


/* YELLOW BUTTON, WHITE TEXT, WHITE ARROW */
.btn-ikano-yellow-arrow {
	background-color: #fcbd31;
    border-color: #fcbd31;
	border-radius: 2px;
    color: #fff;
}

.btn-ikano-yellow-arrow:hover {
	background-color: #de9e11;
    border-color: #de9e11;
    color: #fff;
}

.btn-ikano-yellow-arrow::after {
    position: relative;
    left: 0;
    content: '';
    margin-left: 3px;
    border: solid #fff;
    border-radius: 1px;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.btn-ikano-yellow-arrow:hover::after{
     animation: movearrow 3.5s 1;
     transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

/* For moving arrow */
@-webkit-keyframes movearrow {
  0% {
    transform: translateX(30%) rotate(-45deg);
    
  }
  100% {
    transform: translateX(50%) rotate(-45deg);
  }
}

/* File links */
.file-link-icon-ikano::before{
    background-image: url("/wp-content/themes/Ikano/img/file-icon.png");
     background-repeat: no-repeat;
    background-size: 12px 16px;
    height: 16px;
    width: 12px;
    position: relative;
    content: '';
    vertical-align: middle;
    display: inline-block;
}

.file-link-icon-ikano a{
    border-bottom: 1px solid #fcbd31;
    color: #34353a;
    margin-left: 10px;
    font-size: 16px;
    font-family: ikano_sansbold;
    font-weight: normal;
    display: inline-block;
}


.file-link-icon-ikano a:hover {
    color: #fcbd31;
}