/***************************************************************** Hoteleia: Footer */ .footer { background-color:#f4f4f4; margin-top:40px; .footer_newsletter { overflow:hidden; padding-top:60px; padding-bottom:60px; position:relative; z-index:1; .arrow { position:absolute; width:30px; height:30px; left:50%; top:-2px; margin-left:-15px; .arrow_box { position: relative; background: #ebeff1; } .arrow_box:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(235, 239, 241, 0); border-top-color: #ebeff1; border-width: 30px; margin-left: -30px; } } .helper--align-left { width:50%; } .helper--align-right { width:50%; } h5 { padding-bottom:15px; } form { width:70%; input { width:100%; border:none; background:none; background-color:#fff; border-radius:4px; padding:10px; margin-bottom:15px; } button { width:100%; border:none; background:none; background-color:#f26c4f; color:#fff; border-radius:4px; padding:10px; } button:hover { background-color:darken(#f26c4f,10%); } .checkbox { display:none; } } p { padding-top:24px; font-size:22px; line-height:28px; font-weight:300; text-align:left; } } .footer_links { background-color:#f1f1f1; .wrapper--page { border-top: 1px dotted #cccccc; padding-top:40px; padding-bottom:40px; } ul { overflow:hidden; li { width:20%; float:right; display:inline-block; border-right: 1px dotted #cccccc; height:200px; ul { margin-left:20px; margin-right:20px; overflow:hidden; li { float:none; display:block; width:100%; border:none; height:initial; padding-bottom:5px; .footer_links_list { font-size:14px; } } li:first-child { font-weight:500; padding-bottom:5px; } } } li:first-child { // if floated left change to last-child border-right:none; } } } .footer_copyright { line-height:50px; overflow:hidden; .wrapper--page { border-top: 1px dotted #cccccc; padding-top:10px; } .helper--align-left { padding-right:30px; } } .footer_backtotop { background-color:#313131; line-height:40px; color:#fff; a { color:#fff; } a:hover { color:#ccc; } } }