@import url('https://fonts.googleapis.com/css?family=Arbutus+Slab');
@import url('http://fonts.googleapis.com/css?family=Arbutus+Slab');

/************** BASE FORGE **********/
/************ TABLES  ************/

table {width: auto;}
.fancytable th {color: white; padding: 5px; background: #9E0714; border: 1px solid #9E0714;}
.fancytable td {padding: 5px 10px; border: 1px solid #9E0714;}

.equaltable { width: 100%; display: table; table-layout: fixed;}
table.flextable, .flextable tbody, .flextable tr { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-around;}
 
@media only screen and (max-width: 767px){ 
  .equaltable, .equaltable div, .flextable, .flextable div, .fancytable, .fancytable div,  .fancytable tr, .fancytable td, .equaltable, .equaltable td, .flextable, .flextable td, .flextable tbody, .flextable tr, .equaltable tbody, .equaltable tr{ display: block; table-layout:auto; width: 100%; border: none; margin: 0;}
  .equaltable img { display: block; margin: 0 auto; width: 100%;}  
}


/************ GET RID OF SIDE COLUMNS  ************/
.g-block.remove-column { flex: 0%; width: 0%;}
.g-block.fullwidth-column {  flex: 0 100%;  width: 100%;}



/********************************************************************************************************/
/****************************************  VERSLA 2017  ***********************************************/
/********************************************************************************************************/

.remove-column {width: 0%;}
.fullwidth-column {width: 100%;}

/********** BASIC STYLES **********/

h1 {color: #9E0714; font-size: 3rem;}
h2, .page-header h2 {color: black; border-bottom: 1px solid #9E0714; font-size: 2.5rem; padding-bottom: .1rem;}
h3 {color: #9E0714; font-size: 2rem;}
h4 {background: #333; color: white; border-radius: .4rem; padding: .2rem .5rem;  font-size: 1.75rem;}
h5 {color: #9E0714; font-size: 1.75rem;}
h6 {color: #9E0714; font-size: 1.5rem;}
p, ul, ol, address {color: #333; font-size: 1.15rem;}
a {color: #9E0714;}
a:hover {color: #333;}
h1, h2, h3, h4, h5, h6 {line-height: 2.5rem;}
.readon {
    background: #9E0714; 
    color: white; 
    border-radius: .4rem; 
    padding: .1rem .5rem;
    font-family: "nexa";
    font-weight: bold;
}
.readon a {color: white;}

.homelayout .readon { float: none; display: table; margin: auto; margin-top: 1.5rem !important; }
.readon:hover { background: #333; color: white;}

.button {background: #333; color: white; border-radius: .4rem; padding: .2rem .5rem;}
.button:hover {background: #9E0714; color: white;}
.blog .button:before, .item-page .button:before {display: none;}

/* #g-mainbar ul {margin-left: 2.5rem;} */

table, tr, td {border: none;}

/********** HEADER **********/
#g-navigation img {margin: 1rem;}

#g-container-header #g-navigationleft .g-content, #g-container-header #g-navigationright .g-content, #g-container-header #g-navigationmain .g-content {padding-top: 2rem;}


/********** SEARCH **********/
#roksearch_search_str {
    background: #ffffff url(/content/images/search-icon.png) 98% 50% no-repeat;
    background-size: 1.5rem;
}
.homelayout #searchbox {background: white;}

/********** MENU **********/
#g-container-header .g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {color: white;}
#g-container-header .g-main-nav .g-toplevel > li:hover > .g-menu-item-container > .g-menu-item-content,
#g-container-header .g-main-nav .g-toplevel > li.active > .g-menu-item-container > .g-menu-item-content{color: #ccc;}


/********** MENU - DROPDOWN **********/
#g-container-header .g-main-nav .g-dropdown {background: #333;}
#g-container-header .g-main-nav .g-sublevel > li > .g-menu-item-container:hover {color: #ccc;}


/********** MENU - MOBILE **********/
.g-offcanvas-toggle {color: white; top: 1rem; left: 1rem;}
.g-offcanvas-toggle:hover {color: #ccc;}
#g-offcanvas {background: black;}
#g-offcanvas #g-mobilemenu-container .g-toplevel > li:hover > .g-menu-item-container:before, #g-offcanvas #g-mobilemenu-container .g-toplevel > li.active > .g-menu-item-container:before,
#g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator{display: none;}
.g-menu-item-title {font-size: 1rem;}
#g-offcanvas #g-mobilemenu-container ul {background: #333;}
#g-offcanvas #g-mobilemenu-container .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {padding-left: 1rem;}
a.g-menu-item-container:hover, li.active a.g-menu-item-container {background: #9E0714;}

/********** MENU -SECONDARY  **********/
#g-sidebar .g-content {margin: 1rem .2rem; padding: .1rem;}
.moduletable .nav.menu {
    padding: .1rem;
}


.moduletable .nav.menu li.parent a:before {
   display: none;
} 

.moduletable .nav.menu ul.nav-child li a:before {
    display: inline;
    color: #333;
    font-family: FontAwesome;
    content: "\f101";
    margin-right: 0.5rem;
}


.moduletable .nav.menu li {margin: 0; padding: 0;}
.moduletable .nav .nav-child {
    margin-top: .1rem;
}
.moduletable .nav.menu, .moduletable .unstyled {border: none; padding: .3rem .2rem 1rem .5rem;}

#g-sidebar .moduletable li.active li.active a, #g-sidebar .moduletable li.active > a {color: black; }
 #g-sidebar .moduletable .nav.menu > li > a {width: 100%; border-bottom: 1px solid black; font-weight: bold;}
 
 .moduletable .nav.menu li a:before, .moduletable .mostread li a:before, .moduletable .latestnews li a:before, .moduletable .archive-module li a:before, .moduletable .relateditems li a:before, .moduletable .categories-module li a:before, .moduletable .category-module li a:before, .moduletable .latestusers li a:before, .moduletable .unstyled li a:before {display: none;}



/********** ROTATOR / SHOWCASE **********/
#g-container-main {
    background-image: url("images/background-faded.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.homelayout #g-container-main {
    background-image: none;

}
.homelayout #header-background {
    background-image: url("images/background.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
#g-headermain .g-content {background-color: rgba(255, 255, 255, 0.5); margin: 0; top: 50px;}
#g-headermain h2 {color: #9E0714;font-family: 'Arbutus Slab', serif; margin-bottom: 0; line-height: 3rem;}
#g-headermain h4 {color: #9E0714; font-family: 'Arbutus Slab', serif; margin-top: 0; font-style: italic; font-size: 1.75rem; background: transparent;}


#g-container-header #g-headermain .g-content {
    margin-top: 0;
    
}
.slideshow-tagline {position: relative;}

#g-headermain .g-grid .slideshow-tagline .g-content {position: absolute;top: auto; left: 0; right: 0; bottom: 0;}

#g-headermain .g-block.slideshow-tagline .g-content {padding: 0;}
#g-headermain .g-block.slideshow-tagline h2 {padding-top: 2rem;}
#g-headermain .g-block.slideshow-tagline h4 {padding-bottom: 2rem;}

#contact  {
    background: #9E0714;
    margin-bottom: 0; border-radius: 1rem 1rem 0 0;
    margin: 2rem .625rem 0 .635rem;
}
#contact .custom {background: #9E0714;}
#contact h2, #contact h4, #contact p, #contact a {color: white;}
#contact h2 {font-family: 'Arbutus Slab', serif; margin: 2rem 0 0 0; font-size: 2.5rem;}

#contact p {font-size: 1.2rem;}
a.g-owlcarousel-item-button.button.readon  {text-align: center; line-height: 1rem; padding: .3rem .8rem;}
#contact a:hover {color: #ccc;}
#contact img {width: 80px;}
#g-slideshow a:hover {color: #ccc;}

/************ HOMELAYOUT  ************/

.homelayout #g-container-main {display: none;}
.homelayout .platform-content .moduletable { padding-bottom: 0px; }


/********** CONTENT **********/
.page-header h2 {margin-top: 0;}
#g-mainbar, #g-sidebar {margin: 1.5rem 0 1.5rem 1.5rem;}

/************* OWL CAROUSEL - EXAMPLE ON MUGS PAGE ***************/

.g-owlcarousel-layout-standard .owl-item > div .g-owlcarousel-panel-container .g-owlcarousel-item-title {
    font-size: 1rem; 
    text-align: center;}
.g-owlcarousel-layout-standard .owl-item > div .g-owlcarousel-panel-container {
    background: #fff;
    padding: .2rem;}
.g-owlcarousel-layout-standard .owl-item {padding: .5rem;}

/********** OWL CAROUSEL **********/
.g-owlcarousel-layout-newsslider .g-owlcarousel-panel-container .g-owlcarousel-panel.selected .g-owlcarousel-panel-title {color: #9E0714;}
.g-owlcarousel-layout-newsslider .g-owlcarousel-panel-container .g-owlcarousel-panel.selected i {color: #333;}


/********** SECONDARY PAGE SLIDER **********/
.sprocket-strips .sprocket-strips-container {position: relative;}
.sprocket-strips-nav {position: absolute;}

#g-mainbar ul {margin-left: 2.5rem; margin-right: 2.5rem;}

.sprocket-strips-arrows .arrow.prev {float: left;}

.sprocket-strips-nav {top: 50%; bottom: auto;}


/********** FOOTER **********/
#g-copyrightmain h2, #g-copyrightmain p, #g-copyrightmain a {color: white;}
#g-copyrightmain h2 {margin-bottom: 0;  font-family: 'Arbutus Slab', serif; }
#g-copyrightmain hr {margin: .5rem 0;}

#g-container-copyright .g-content, #g-copyrightmain .g-content {
    opacity: 1;
}
#g-container-copyright a:hover {color: #ccc;}



/********** ADD PADDING AROUND IMAGES ON SECONDARY PAGES **********/
#g-mainbar .g-content img { padding: 1rem;}