/* Pixel Theme Default Styling */
#primary-menu ul li:hover > a, #primary-menu ul li.current > a, #primary-menu ul li.nav-path-selected > a {
	color: #bd021b;
}
#page-title {
	position: relative;
	padding: 50px 0;
	background-color: rgb(159, 204, 225);
	border-bottom: 1px solid #EEE;
}
#page-title.page-title-dark {
	background-color: rgb(189, 2, 27);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.0) !important;
	border-bottom: none;
}
#page-title .breadcrumb > li {
	color: #444;
}
#page-title .breadcrumb > li + li::before {
	content: "/\00a0";
	padding: 0 5px;
	color: #666;
}
#page-title.page-title-dark .breadcrumb > li {
	color: #ccc;
}
#page-title.page-title-dark .breadcrumb > li + li::before {
	content: "/\00a0";
	padding: 0 5px;
	color: #cccccc;
}
#footer {
	position: relative;
	background-color: #EEE;
	border-top: 5px solid rgb(189, 2, 27);
}

#copyrights{
    background-color: #EEE;
}
/* End off Pixel Theme Default Styling */

/* Front page box styling */

#thortrans-home .fbox-desc {
    min-height: 350px;
    position: relative;
}

#thortrans-home .fbox-desc .button {
    position: absolute;
    bottom: 10px;
}

/* End off Front page box styling */

/* TT Booking Package Styling */

#ccm-tab-content-tt_admin .table-country-invoice {
    width: 100%;
}

/* End of TT Booking Package Styling */

.popover {
    width: 300%;
	max-width: 400px;
}

/* Classes for Ad hoc styling*/
/*Add border radius of 10px*/
.tt-box-10px-corners{
    border-radius:10px;
    padding:20px 0 10px 0;
}

/* End of Classes for Ad hoc styling*/

/*Thortrans History page elements and styling*/
/*Box Style 1 - Paper BG*/
.tt-faktaboks {
    margin:20px 0 20px 0;
    padding:20px 40px 5px 40px;
    background-image:url("https://www.thortrans.dk/application/files/2616/9468/4183/box-bg.jpg");
    border-radius:10px;
    font-family:'Crete Round',serif;
    font-size:1.1em;
    color:#333333;
}

#content .tt-faktaboks p{
    line-height:1.3;
}

.tt-faktaboks h3{
    font-family:'Crete Round',serif;
    font-size:1.9em;
    color:#333333;
    margin:0px;
}

.tt-faktaboks a{
    color:#333333;
}

.tt-faktaboks img{
    margin:20px 20px 20px 0;
}
/*Box Style 1 END*/
/*Box Style 2 - Red BG*/
.tt-faktaboks-red {
    margin:20px 0 20px 0;
    padding:20px 40px 5px 40px;
    background:#e23839;
    border-radius:10px;
    font-size:1.1em;
    color:#ffffff;
}

#content .tt-faktaboks-red p{
    line-height:1.3;
}

.tt-faktaboks-red h2{
    font-size:1.9em;
    color:#ffffff;
    margin:0px;
}

.tt-faktaboks-red a{
    color:#ffffff;
}

.tt-faktaboks-red img{
    margin:20px 20px 20px 0;
}
/*Box Style 2 END*/

/*Box Style 3 - Green BG*/
.tt-faktaboks-green {
    margin:20px 0 20px 0;
    padding:20px 40px 5px 40px;
    background:#018442;
    border-radius:10px;
    font-size:1.1em;
    color:#ffffff;
}

#content .tt-faktaboks-green p{
    line-height:1.3;
}

.tt-faktaboks-green h2{
    font-size:1.9em;
    color:#ffffff;
    margin:0px;
}

.tt-faktaboks-green a{
    color:#ffffff;
}

.tt-faktaboks-green img{
    margin:20px 20px 20px 0;
}
/*Box Style 3 END*/

/*Box Style 4 - Blue BG*/
.tt-faktaboks-blue {
    margin:20px 0 20px 0;
    padding:20px 40px 5px 40px;
    background:#67A4CE;
    border-radius:10px;
    font-size:1.1em;
    color:#fff;
}

#content .tt-faktaboks-blue p{
    line-height:1.3;
}

.tt-faktaboks-blue h2{
    font-size:1.9em;
    color:#fff;
    margin:0px;
}

.tt-faktaboks-blue a{
    color:#fff;
}

.tt-faktaboks-blue img{
    margin:20px 20px 20px 0;
}
/*Box Style 4 END*/
/*Thortrans History page elements and styling*/

/*Styling for GET OFFER sticky cta*/
/*The code for displaying the CTA button is located in the footer in a HTML block right under the Links and Downloads button*/
.sticky-cta {
    cursor:pointer;
    position: fixed;
    z-index:1000;
    bottom: 20px;
    right: 2%;
    background-color:#01aa4f;
    box-shadow: 0 0 5px 5px rgba(1, 170, 79, 0.52);
    border-radius:30px;
    padding:10px 30px 10px 30px;
    color:#fff;
    font-size:18px;
    font-weight:800;
    text-transform:uppercase;
    text-align:center;
    line-height:1;
}

.sticky-cta a{color:#fff;}

.sticky-cta:hover{
    background:rgba(226, 56, 57, 1);
    box-shadow: 0 0 5px 5px rgba(226, 56, 57, 0.2);
}
/*END Styling for GET OFFER sticky cta*/

/*START SoMe icons in Top Bar Area HTML Block*/
.tt-some-links{
    width:197px;
    position:absolute;
    top:0px;
    left:463px;
    z-index:1000;
}

.tt-some-links img{
    margin-left:5px;
}

@media screen and (max-width: 1200px){
    .tt-some-links{
    position:absolute;
    top:0px;
    left:363px;
    z-index:1000;
}
}

@media screen and (max-width: 992px){
    .tt-some-links{
    position:absolute;
    top:0px;
    left:260px;
    z-index:1000;
}
}

@media screen and (max-width: 767px){
    .tt-some-links{
    position:absolute;
    top:0px;
    left:125px;
    z-index:1000;
}

.top-links{
    width:205px;
    position:absolute;
    top:-42px;
    right:-60px;
    z-index:1000;
}
}

@media screen and (max-width: 576px){
    .tt-some-links{
    position:absolute;
    top:40px;
    left:9em;
    z-index:1000;
}

.top-links{
    width:205px;
    position:relative;
    top:-40px;
    left:20em;
    z-index:1000;
}
}

@media screen and (max-width: 478px){
    .tt-some-links{
    position:absolute;
    top:40px;
    left:3em;
    z-index:1000;
}

.top-links{
    width:205px;
    position:relative;
    top:-40px;
    left:10em;
    z-index:1000;
}
}


/*END SoMe*/