@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'Museo Sans';
  src: url('/content/dam/generic/fonts/MuseoSans-100.otf');
  font-style: normal;
  font-weight: 100;
}

@font-face {
    font-family: 'Museo Sans';
    src: url('/content/dam/generic/fonts/MuseoSans-300.otf');
    font-style: normal;
    font-weight:300;
}
@font-face {
    font-family: 'Museo Sans';
    src: url('/content/dam/generic/fonts/MuseoSans-500.otf');
    font-style: normal;
    font-weight:500;
}
@font-face {
    font-family: 'Museo Sans';
    src: url('/content/dam/generic/fonts/MuseoSans-700.otf');
    font-style: normal;
    font-weight:700;
}
@font-face {
    font-family: 'Museo Sans';
    src: url('/content/dam/generic/fonts/MuseoSans-900.otf');
    font-style: normal;
    font-weight:900;
}

.less-content, .more-content {white-space:normal;}

body {background-color:#ffc529; color:#002f65;}

.bg-join-the-good-life {background-repeat:no-repeat; background-position:left 20px; background-size:37%;}

h2, h3 {font-family:'Museo Sans', sans-serif; text-transform:none; color:#002f65; padding-bottom:10px;}
h2 {font-weight:700; width:100%;}

.description-container-rte p, 
.description-container-rte div {color:#231f20 !important; font-size:18px !important;}

.btn-primary,
.btn-primary:active,
.btn-primary:focus {background-color: #002f65;
    padding: 13px 25px !important;
    font-weight: 500 !important;
    margin: 25px auto;
    border: 2px solid #002f65 !important;
	font-size:18px;}
.btn-primary:hover {background:transparent; color: #002f65; border-color:#002f65;}

.btn-outline-primary,
.btn-outline-primary:active,
.btn-outline-primary:focus {background-color: transparent;
	color:#ffffff;
    padding: 13px 25px !important;
    font-weight: 500 !important;
    margin: 25px auto;
    border: 2px solid #ffffff !important;
	font-size:18px;}
.btn-outline-primary:hover {background:#ffffff; border-color:#ffffff; color:#292629;}
body.abu-dhabi .btn-outline-primary:hover {color:#d61e3a;}

.margin-top-50 {margin-top:50px;}
.margin-bottom-20 {margin-bottom:20px;}

.property-social-icons {display:block; text-align:center;}
.property-social-icons li {display:inline-block;}

.join-the-good-footer a,
.join-the-good-footer span {color:#ffffff;}

.join-the-good-footer a:hover {text-decoration:none;}
.join-the-good-footer span {font-size:40px; float:left; display:block;}


/* terms & conditions */
ol.terms-conditions li {font-size: 13px; line-height: 20px; margin-bottom: 7px;}

@media (min-width:768px){
	.property-social-icons {text-align:right; float:right;}
	.property-social-icons li {float:left;}
	}
	
.join-rules li {font-size:13px;}

.no-margin-custom-rte .description-content {margin-bottom:0;}

/***************************************/
/**************** SAMBA ****************/
/***************************************/
body.samba {background-color:#fdc228;
		background-image: url('/content/dam/suninternational/grandwest/campaigns/join-the-good-life-with-sun-mvg/get-ready-to-samba-palms-bg.jpg');
		background-repeat: no-repeat;
		background-position: bottom right;
		background-size:100%;}

body.samba h2 {font-size:21px;}		
body.samba h2 span {font-weight:300;}

body.samba .bg-join-the-good-life {background-position:-25% top; background-size:70%;}

.flex-container {display:flex; justify-content:space-between;}
.flex-container>div {width: 33%; text-align: center; font-size: 14px !important; line-height: 120%;}
.flex-container h3 {font-family: Lato, sans-serif; padding: 0; margin: 20px auto 10px; font-weight: 700; font-size: 16px;}

body.samba .border-right {border-right:2px solid #26328c;}

@media (min-width:768px){
	body.samba h2 {font-size:30px;}		
	body.samba .bg-join-the-good-life {background-size:60%;}
	.flex-container>div {font-size: 16px !important;}
	.flex-container h3 {font-size: 24px;}
}

@media (min-width:992px){
	body.samba .bg-join-the-good-life {background-position:left top;}
}


/*******************************************/
/**************** ABU DHABI ****************/
/*******************************************/
body.abu-dhabi {background-color:#d61e3a;}
.bg-abu-dhabi {background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
	padding-bottom:30px;}
	
@media (max-width:767px){
	.bg-abu-dhabi {background-image:none !important;}
}

@media (min-width:768px){
	.bg-abu-dhabi {background-position: -115px top;}
}

@media (min-width:1200px){
	.bg-abu-dhabi {background-position: 0 top;}
}

.abu-dhabi h3,
.abu-dhabi .bg-abu-dhabi p,
.abu-dhabi .bg-abu-dhabi div,
.abu-dhabi .bg-abu-dhabi .description-container-rte p, 
.abu-dhabi .bg-abu-dhabi .description-container-rte div {color:#ffffff !important;}

.abu-dhabi-footer {background-color:#ffffff; padding:50px 0;}

/*****************************************/
/* global setting - bootstrap cols - fix */
/*****************************************/

@media (min-width: 991px){
	.col-md-offset-2 {margin-left: auto;}
}

@media (min-width: 992px){
	.col-md-offset-2 {margin-left: 16.66666667%;}
}