@charset "UTF-8"; /* Template Name: Transform Template URI: http://www.os-templates.com/ Description: Designed and Built by OS Templates. This modern template is adaptable, lightweight and fully customisable. The template is easy to use, enabling you to create your site within minutes. Version: 1.0.1 Author: OS-Templates.com Author URI: http://www.os-templates.com/ Copyright: OS-Templates.com Licence: Single Site Licence URI: http://www.os-templates.com/template-terms File: Navigation CSS */ /* TOC - Table Of Contents 01 => Top Navigation 02 => Page Breadcrumb 03 => Sidebar Navigation 04 => Pagination 05 => Previous Next 06 => Scroll To Top */ /* Top Navigation ---------------------------------------------------------------------------------------------------------------------------------------*/ #topnav{float:right; margin:0; padding:0; word-wrap:normal; white-space:nowrap; line-height:normal; clear:right;} #topnav ul:first-child{} #topnav ul{margin:0; padding:0; list-style:none; text-transform:uppercase;} #topnav ul ul{z-index:99999; position:absolute; width:190px;} #topnav ul ul ul, #topnav ul ul ul ul{left:190px; top:0;} #topnav ul:first-child li:last-child > ul{right:0;} #topnav ul:first-child > li:last-child li > ul{left:-190px;} #topnav li{display:block; position:relative; float:left; margin:0; padding:0; border-top:3px solid transparent;} #topnav li:first-child{} #topnav ul:first-child li:last-child{margin-right:0;} #topnav li li{width:100%; margin:0; text-transform:none; border-width:1px 0 0 0;} #topnav li li:first-child{border:none;} #topnav li a{display:block; padding:40px 20px;} #topnav li li a{display:block; margin:0; padding:10px 15px;} #topnav li a.drop:before, #topnav li.active a.drop:before{position:absolute; top:47px; left:10px; width:0; height:0; border:solid; border-width:5px 3px 3px 3px; border-color:transparent; border-top-color:inherit; content:"";} #topnav li li a.drop:before, #topnav li.active li a.drop:before{top:17px; left:5px;} #topnav ul:first-child li li:hover:before, #topnav ul:first-child li li.active:before{display:none;} #topnav ul ul{display:block; height:0; opacity:0; overflow:hidden; white-space:normal; word-wrap:break-word;} #topnav ul li:hover > ul{height:auto; opacity:1; overflow:visible;} /* Top navigation for smaller resolutions */ #topnav form{display:block; margin:0 auto 15px; padding:30px 0 0 0;} #topnav form select{display:block; width:100%; padding:8px; border:1px solid; cursor:pointer; outline:none;} #topnav form select option{display:block; margin:10px; padding:0; cursor:pointer; outline:none; border:none;} /* Page Breadcrumb ---------------------------------------------------------------------------------------------------------------------------------------*/ .breadcrumb{font-size:12px; text-transform:uppercase;} .breadcrumb li{display:inline; margin-right:10px;} .breadcrumb li:last-child{margin-right:0;} .breadcrumb a{display:inline-block; position:relative; padding:0 0 0 15px;} .breadcrumb a:before{position:absolute; top:0; left:0; font-family:"Font Awesome\ 5 Free"; font-weight:900; content:"\f101"; font-size:10px;} .breadcrumb li:first-child a{padding:0;} .breadcrumb li:first-child a:before{content:"";} /* Sidebar Navigation ---------------------------------------------------------------------------------------------------------------------------------------*/ .sidebar aside nav{display:block; width:100%; margin-bottom:30px;} .sidebar aside nav ul{margin:0; padding:0; list-style:none;} .sidebar aside nav li{margin:0 0 3px 0; padding:0;} .sidebar aside nav a{display:block; position:relative; margin:0; padding:5px 10px 5px 15px; text-decoration:none; border-bottom:1px dotted;} .sidebar aside nav a:before{position:absolute; top:5px; left:5px; font-family:"Font Awesome\ 5 Free"; font-weight:900; font-size:9px; content:"\f0da";} .sidebar aside nav a:hover{} .sidebar aside nav ul ul a{padding-left:35px;} .sidebar aside nav ul ul a:before{left:25px;} .sidebar aside nav ul ul ul a{padding-left:45px;} .sidebar aside nav ul ul ul a:before{left:35px;} .sidebar aside nav ul ul ul ul a{padding-left:55px;} .sidebar aside nav ul ul ul ul a:before{left:45px;} .sidebar aside nav ul ul ul ul ul a{padding-left:65px;} .sidebar aside nav ul ul ul ul ul a:before{left:55px;} /* Pagination ---------------------------------------------------------------------------------------------------------------------------------------*/ .pagination{display:block; width:100%; text-align:center; clear:both; line-height:normal;} .pagination ul{margin:0; padding:0; list-style:none;} .pagination li{display:inline;} .pagination strong{font-weight:normal;} .pagination .next{margin:0;} .pagination a, .pagination .current strong, .pagination .splitter strong{display:inline-block; padding:5px 10px; margin:1px 2px;} .pagination a:first-child{margin-left:0;} .pagination a{border:1px solid; border-radius:8px;} /* Previous Next ---------------------------------------------------------------------------------------------------------------------------------------*/ .prevnext{display:block; width:100%; clear:both; line-height:normal;} .prevnext ul{margin:0; padding:5px 10px; list-style:none;} .prevnext li{float:right;} .prevnext li:first-child{float:left;} /* Scroll To Top ---------------------------------------------------------------------------------------------------------------------------------------*/ #scrolltotop{display:block; position:relative; width:100%; margin:0 0 50px 0; padding:0; text-align:center;} #scrolltotop:after{display:block; position:absolute; top:50%; left:0; width:100%; height:1px; content:"";} #scrolltotop a, #scrolltotop a span{display:inline-block; position:relative; width:50px; height:50px; line-height:50px; border-radius:50%; z-index:1;} #scrolltotop a span{font-size:22px;}