File: /var/www/html/insiders/wp-load/wp-content/plugins/internal-links/admin/css/ilj_tour.css
/**
* ILJ Color Palettes
*/
.ilj-tour {
background: rgba(221, 221, 221, 0.4);
padding: 20px 0;
/**
* Substep-Row
*/
}
.ilj-tour .left {
float: left;
}
.ilj-tour .right {
float: right;
}
.ilj-tour .only {
text-align: center;
}
.ilj-tour #wrap {
width: 950px;
-webkit-box-shadow: 0 4px 8px rgba(50, 55, 60, 0.2);
box-shadow: 0 4px 8px rgba(50, 55, 60, 0.2);
background: #fff;
margin: 0px auto;
border-radius: 5px;
border: 1px solid #c5c5c5;
margin-bottom: 30px;
}
.ilj-tour header {
border-bottom: 1px solid #e6e6e6;
padding: 15px;
}
.ilj-tour header .box {
float: left;
height: 100px;
box-sizing: border-box;
}
.ilj-tour header img {
width: auto;
height: 100px;
}
.ilj-tour header h1 {
line-height: 40px;
margin: 0;
padding: 15px 0 0px 0;
font-weight: 200;
}
.ilj-tour header p.subline {
padding: 0;
margin: 0;
text-transform: uppercase;
font-weight: normal;
color: #000;
}
.ilj-tour main {
clear: both;
border-bottom: 1px solid #d7d7d7;
background: #f5f5f5;
padding: 45px;
}
.ilj-tour main h1 {
line-height: 1.3em;
border-bottom: 1px solid #ddd;
padding-bottom: 40px;
margin: 0;
}
.ilj-tour footer {
padding: 45px;
background: #e6e6e6;
}
.ilj-tour footer .button {
font-weight: 200;
padding: 5px 35px;
line-height: 35px;
height: auto;
font-size: 18px;
}
.ilj-tour footer .button.button-primary {
font-weight: normal;
}
.ilj-tour .leave {
text-align: center;
margin-bottom: 30px;
}
.ilj-tour .leave .button {
height: auto;
line-height: 25px;
padding: 5px 15px;
font-weight: 200;
border-radius: 10px;
}
.ilj-tour .substep {
padding: 40px 0;
border-bottom: 1px solid #ddd;
}
.ilj-tour .substep:last-child {
border: none;
}
.ilj-tour .substep > div {
float: left;
box-sizing: border-box;
}
.ilj-tour .substep div.clear {
float: none;
}
.ilj-tour .substep .counter {
width: 5%;
color: #f49616;
font-size: 30px;
text-align: left;
font-weight: bold;
padding-top: 15px;
}
.ilj-tour .substep .content {
width: 50%;
padding: 0 20px;
border-left: 4px solid #f49616;
}
.ilj-tour .substep .content h2 {
margin-top: 0;
line-height: 1.5em;
color: #f49616;
}
.ilj-tour .substep .content p {
font-weight: 200;
line-height: 21px;
}
.ilj-tour .substep .content ul {
list-style-type: square;
}
.ilj-tour .substep .content ul, .ilj-tour .substep .content ol {
font-size: 13px;
font-weight: 200;
line-height: 21px;
list-style-position: inside;
margin-left: 15px;
padding-right: 30px;
}
.ilj-tour .substep .content ul li, .ilj-tour .substep .content ol li {
margin-bottom: 15px;
}
.ilj-tour .substep .video {
width: 45%;
}
.ilj-tour .substep.promo {
font-size: 19px;
text-align: center;
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1, 1);
}
50% {
-webkit-transform: scale(1.1, 1.05);
}
100% {
-webkit-transform: scale(1, 1);
}
}
@keyframes pulse {
0% {
transform: scale(1, 1);
}
50% {
transform: scale(1.1, 1.05);
}
100% {
transform: scale(1, 1);
}
}
.ilj-tour footer .only a.button {
-webkit-animation: pulse 1.5s ease infinite;
animation: pulse 1.5s ease infinite;
}
.ilj-tour footer .only a.button:hover {
-webkit-animation: none;
animation: none;
}
.ilj-tour .intro .banner {
text-align: center;
border-bottom: 1px solid #e6e6e6;
margin: 0;
}
.ilj-tour .intro .banner img {
width: 100%;
max-width: 500px;
height: auto;
}
.ilj-tour .intro .content {
background-image: linear-gradient(#e6e6e6 0%, #f5f5f5 25px);
text-align: center;
padding: 50px 50px 0 50px;
}
.ilj-tour .intro .content h2 {
margin: 0 0 20px 0;
font-size: 40px;
font-weight: 200;
color: #00579b;
}
.ilj-tour .intro .content p {
font-size: 18px;
font-weight: 200;
padding: 25px 0 0 0;
}