@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@200;300;400;500;600;700&display=swap');

BODY {font-family:'Raleway', sans-serif;}

A {color:#a581a6;}
A:HOVER {color:#5f7674;}

/*
.head .hlogo {width:200px; height:86px; top:50px; left:0; background-image:url(/pictures/microsites/1/132/villapatzay_logo1.svg);}
.headcontainersmall .head .hlogo {background-size:110px; background-position:center; width:110px; height:46px; background-image:url(/pictures/microsites/1/132/villapatzay_logo1.svg); top:0;}

.lighthead .hlogo {width:103px; height:100px; background-image:url(/pictures/microsites/1/132/villapatzay_logo1.svg);}

.head .htopmenu UL LI .hloyalty:hover {background-color:#5f7674;}
.head .htopmenu UL LI .hlogin:hover {background-color:#5f7674;}

.bigpromo2 .bigpromo2text .info .title A {color:#ffffff;}
.bigpromo2 .bigpromo2text .info .text {color:#ffffff;}
*/

.headcontainer .headcontainerx {background-color:#a581a6;}
.head {height:130px;}

.head .hlogo {width:260px; height:86px; top:15px; left:0; background-image:url(/pictures/microsites/1/216/ferdinand_hotel_logo1_white.png);}
.headcontainersmall .head .hlogo {background-size:110px; background-position:center; width:110px; height:46px; background-image:url(/pictures/microsites/1/216/ferdinand_hotel_logo1_white.png); top:0;}

.lighthead .hlogo {width:103px; height:100px; background-image:url(/pictures/microsites/1/216/ferdinand_hotel_logo1_white.png);}
.lighthead2 .hlogo {background-image:url(/pictures/microsites/1/216/ferdinand_hotel_logo1_white.png);}

.head .htopmenu UL LI A {color:#e3dae3;}
.head .htopmenu UL LI A:HOVER {color:#ffffff;}
.head .hlang {background-color:#bb9abb;}
.head .hlang .hlselected {background-color:#bb9abb; color:#ffffff;}
.head .htopmenu UL LI .hloyalty:HOVER {background-color:#cde1e0;}
.head .htopmenu UL LI .hlogin:HOVER {background-color:#cde1e0;}

.headsearchpanel2 {margin-bottom:0px; padding:20px 0px;}

.button1 {background:url(/images/HOTELV5/arrow5whiteright10px.png) no-repeat right center; background-color:#a581a6; color:#ffffff;}
.button1:HOVER {background-color:#5f7674;}

.menutabs LI .menuitem {color:#ffffff;}
.menutabs LI:HOVER .menuitem {color:#e3dae3;}
.menutabs LI .selected {color:#e3dae3;}
.menutabs LI .selected A {color:#e3dae3;}
.menutabs LI:HOVER .selected {color:#e3dae3;}

/*
.menutabs LI .menuitem {color:#a581a6;}
.menutabs LI:hover .menuitem {color:#5f7674;}
.menutabs LI .selected {color:#5f7674;}
.menutabs LI .selected A {color:#5f7674;}
.menutabs LI:HOVER .selected {color:#5f7674;}
*/

.menutabs LI .homeiconlink {background-image: url(/pictures/microsites/1/132/house2.svg);}
.menutabs LI .homeiconlinkselected {background-image: url(/pictures/microsites/1/132/house2_selected.svg);}
.menutabs LI .homeiconlink:HOVER {background-image: url(/pictures/microsites/1/132/house2_selected.svg);}

.bigpromo2 .bigpromo2text .info .title H1 A {color:#ffffff; display:inline; line-height:42px; text-shadow: 0px 0px 3px #666666;}
.bigpromo2 .bigpromo2text .info .title H1 A:HOVER {color:#ffffff; text-decoration:none;}
.bigpromo2 .bigpromo2text .info .text {color:#ffffff;}


/*
.bigpromo2 .bigpromo2text .info .title A {color:#ffffff;}
.bigpromo2 .bigpromo2text .info .text {color:#ffffff;}
*/

.bookhereboxcontainer {background-color:#a581a6; margin-top:0px;}
.bookherebox {background-color:#a581a6;}
.bookherebox .bhbox .info .more A.button1 {color:#a581a6; background:url(/pictures/microsites/1/211/arrowright.png) no-repeat right center; background-color:#fff;}
.bookherebox .bhbox .info .more:hover A.button1 {background:url(/images/HOTELV5/arrow5whiteright10px.png) no-repeat right center; background-color:rgba(255, 255, 255, 0.25);}

.breadcrumb .bright .bbooking {background-color:#00a5c0; color:#ffffff;}
.breadcrumb .bright .bbooking:HOVER {background-color:#5f7674; color:#ffffff;}

.newsbighead .headtext H2 {line-height:68px; margin-bottom:0px; color:#ffffff; text-shadow: 0px 0px 3px #666666;}
.newsbighead .headtext H3 {color:#ffffff; text-shadow: 0px 0px 3px #666666;}

.infoboxblock .picblock:hover .glink {background-color:#a581a6;}

.pcardnew:hover .info A {background-color:#a581a6;}
.pcardnew:hover .info A .roomprice {color:#fff;}

.albumnavlink:hover {background-color:#a581a6;}

.footer .ftop .fhotelinfo .fhotellogo .fhlogo {width:220px; height:65px; background-size:200px; background-image:url(/pictures/microsites/1/216/ferdinand_hotel_logo1_black.png); background-repeat:no-repeat;}

.newsbigheadcontainer .newsbigheadcover {background-color: rgba(0,0,0,0.2);}

@media (max-width:1023px) {
    .mobilemenu {background-color:#a581a6;}
    .mobilemenu .mobilemenulogo A {width:87px; height:85px; background-image:url(/pictures/microsites/1/216/ferdinand_hotel_logo1_white.png);}
    .mobilemenu .mobilemenuinner UL LI UL LI {border-bottom:1px solid #a581a6;} 

    .head .hlogo {top:-20px; left:0; background-size:95px; background-position:center 32px; width:150px; height:150px; background-image:url(/pictures/microsites/1/216/ferdinand_hotel_logo1_black.png);}
    .headcontainersmall .head .hlogo {background-size:125px; background-position:0 center; width:150px; height:52px;}
    .headcontainersubpage .head .hlogo {background-size:125px; background-position:0 center; width:150px; height:52px; background-image:url(/pictures/microsites/1/216/ferdinand_hotel_logo1_black.png);}
    .headcontainernoheadpic .head .hlogo {background-size:125px; background-position:0 center; width:150px; height:52px;}
    
    .bigpromo2 .bigpromo2text .info .title A {color:#575757;}
    .bigpromo2 .bigpromo2text .info .text {color:#888;}
    
    .subbigpromo .info .title A {color:#a581a6;}
    .pcardnew .info A .name {color:#a581a6;}
}