/* 
	byman Overwrite CSS for templates, module, plugins


***************************************************
TEMPLATE
---------

in the module rocketsearch 
-> Module Class Suffix -> bymansearch
*************************************************** */


/* byman - NEW CSS - START */

body.site {
    /*
background: -webkit-gradient(radial, center center, 0, center center, 460, from(#ba0e19), to(#1c0202 ));background: -webkit-radial-gradient(circle, #ba0e19, #1c0202 );background: -moz-radial-gradient(circle, #ba0e19, #1c0202 );background: -ms-radial-gradient(circle, #ba0e19, #1c0202 );background-attachment:fixed; 
*/
    background-image: url("/common/images/bg/bg_body_default.jpg");
    background-attachment: fixed;
}

body {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    /* byman - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    /* byman - new */
    color: #c0c0c0;
    /* byman - color: #333; */
    background-color: #510C0C;
}


/* for all article and module */

#content {
    padding: 0 6px 0 0;
}

a:hover {
    color: #DA1A00;
    /* byman - color: #005580; */
}

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
    background-color: rgba(0, 0, 0, 0.41);
    /* byman - background-color: #f9f9f9; */
}

.well {
    background-color: rgba(0, 0, 0, 0.5);
    /* byman - background-color: #f5f5f5; */
}

.btn-primary {
    color: rgba(0, 0, 0, 0);
    /* #fff; byman - */
    background-color: rgba(0, 0, 0, 0);
    /* byman - background-color: #006dcc; */
}

.nav-pills>.active>a,
.nav-pills>.active>a:hover {
    color: #222;
    /* byman - #fff*/
}

.breadcrumb {
    /* byman - background-color: #f5f5f5; */
    background-color: rgba(0, 0, 0, 0);
}

.pagination ul>li>a,
.pagination ul>li>span {
    background-color: rgba(0, 0, 0, 0);
    /*  byman  - background-color: #fff; */
}

.pagination a,
.pagination span {
    background-color: rgba(0, 0, 0, 0);
    /*  byman  - background-color: #fff; */
}

.pager a {
    background-color: rgba(0, 0, 0, 0.5);
    /* byman - background-color: #fff; */
}

.pager a:hover {
    background-color: rgba(0, 0, 0, 0.2);
    /* byman - background-color: #f5f5f5; */
}

.pager li>a {
    background-color: rgba(0, 0, 0, 0.5);
}


/* byman - added footer */

.body .container,
.footer .container {
    background-color: rgba(0, 0, 0, 0.38);
    /* byman - background-color: #fff; */
    -moz-border-radius: 6px;
    /* byman - background-color: 4px */
    -webkit-border-radius: 6px;
    /* byman - background-color: 4px */
    border-radius: 6px;
    /* byman - background-color: 4px */
    padding: 10px;
    /* byman - padding: 20px*/
    border: solid 10px rgba(0, 0, 0, 0.14);
    /* byman - border: 1px solid rgba(0,0,0,0.15); */
    -o-box-shadow: inset 0px 0px 8px rgba(85, 85, 85, 0.5), 0px 0px 38px rgba(255, 0, 0, 0.47);
    /* byman CHANGED */
    -moz-box-shadow: inset 0px 0px 8px rgba(85, 85, 85, 0.5), 0px 0px 38px rgba(255, 0, 0, 0.47);
    /* byman CHANGED */
    -webkit-box-shadow: inset 0px 0px 8px rgba(85, 85, 85, 0.5), 0px 0px 38px rgba(255, 0, 0, 0.47);
    /* byman CHANGED */
    box-shadow: inset 0px 0px 8px rgba(85, 85, 85, 0.5), 0px 0px 38px rgba(255, 0, 0, 0.47);
    /* byman CHANGED */
}

.list-striped li:nth-child(odd),
.list-striped dd:nth-child(odd),
.row-striped .row:nth-child(odd),
.row-striped .row-fluid:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0);
    /*	byman - background-color: #f9f9f9; */
}

.list-striped li:hover,
.list-striped dd:hover,
.row-striped .row:hover,
.row-striped .row-fluid:hover {
    background-color: rgba(0, 0, 0, 0.35);
    /* byman background-color: #f5f5f5; */
}

.navigation {
    margin-bottom: 0px;
    border-bottom: 0px solid rgba(0, 0, 0, 0.075);
    border-top: 1px solid rgba(0, 0, 0, 0.0);
    border-bottom: 1px solid rgba(0, 0, 0, 0.0);
}

.navigation .nav-child li>a:hover,
.navigation .nav-child li>a:focus,
.navigation .nav-child:hover>a {
    color: #fff;
    background-color: #960202;
    background-color: #751010;
    background-image: -moz-linear-gradient(top, #960202, #751010);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#960202), to(#751010));
    background-image: -webkit-linear-gradient(top, #960202, #751010);
    background-image: -o-linear-gradient(top, #960202, #751010);
    background-image: linear-gradient(to bottom, #960202, #751010);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0076b2', GradientType=0);
}

.navigation .nav-child {
    background-image: url(../images/q3_bg_skin.png);
    background-color: rgba(213, 0, 0, 0.28);
    /* box-shadow: inset 0px 0px 8px rgba(85, 85, 85, 0.5), 0px 0px 8px #ba0e19; */
    border: 2px inset #ffffff96;
    border-bottom: 4px inset #ffffffb8;
}

.navigation .nav-child a {
    color: #ffffff;
}

.brand img {
    transition: all 1000ms linear;
    transform: rotateX(360deg);
}

.brand img:hover,
.brand img:active {
    transition: transform 1500ms linear, box-shadow 300ms linear;
    transform: rotateX(-360deg);
    -webkit-filter: drop-shadow(12px 12px 5px rgba(0, 0, 0, 0.5));
    filter: url("data:image/svg+xml;utf8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='drop-shadow'><feGaussianBlur in='SourceAlpha' stdDeviation='4'/><feOffset dx='0' dy='12' result='offsetblur'/><feFlood flood-color='rgba(0,0,0,0.5)'/><feComposite in2='offsetblur' operator='in'/><feMerge><feMergeNode/><feMergeNode in='SourceGraphic'/></feMerge></filter></svg>#drop-shadow");
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
}


/* ---[END - template.css OVERRIDE ]-------------------------------------------------- */


/* DA SPOSTARE IN APPOSITO CSS <<<< ===============================================================*/

h3.title {
    padding: 8px;
    margin: 6px 0;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(255, 0, 0, 0.5), inset 4px 4px 22px #000;
}

h3.title a:before {
    content: "\e010";
    font-family: 'IcoMoon';
    font-style: normal;
    speak: none;
}

.footer .container {
    padding: 0 10px;
    background-color: rgba(0, 0, 0, 0.38);
    margin-top: 20px;
}

h2.item-title,
.page-header h2,
.page-header h3,
.myCategory h3,
.myh3 {
    padding: 8px 15px;
    margin: 6px 0 2px 0px;
    list-style: none;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


/* shadow-box red */

h2.item-title,
.page-header h2,
.page-header h3,
.myCategory h3,
.myh3,
.searchbyman>form>input {
    box-shadow: 0 0 10px rgba(255, 0, 0, 0.5);
}

.categories-module h5 {
    font-weight: normal;
    margin: 0;
}

.category-module h6 {
    margin: 10px 0 0 0;
    background-color: rgba(0, 0, 0, 0.25);
    padding: 6px;
    border: 1px solid rgba(128, 128, 128, 0.5);
    -webkit-border-radius: 4px 30px 30px 4px;
    -moz-border-radius: 4px 30px 30px 4px;
    border-radius: 4px 30px 30px 4px;
}

.bymanSliders {
    padding-bottom: 0px;
    margin-bottom: 4px;
}

.ReadImagesThumbs-round,
.ReadImagesThumbs-round12,
.ReadImagesThumbs-round25,
.ReadImagesThumbs-round50 {
    box-shadow: 0px 0px 12px rgba(68, 0, 0, 0.5);
    background-color: rgba(183, 14, 14, 0.20);
}

figure:nth-child(even) .ReadImagesThumbs-round50 {
    border-radius: 0 50% !important;
}

figure:nth-child(odd) .ReadImagesThumbs-round50 {
    border-radius: 50% 0 !important;
}


/* ******************************************* 
Q3 SKIN on header and navigation - START
******************************************* */

.header {
    padding-top: 10px;
    margin-bottom: 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
}

.header-search {
    margin-right: 10px;
}

.navigation,
.header,
.bymanSliders {
    background-image: url(../images/q3_bg_skin.png);
    background-color: rgba(213, 0, 0, 0.28);
}

.bymanSliders {
    /* padding-bottom: 40px; */
    -webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
}

#sidebar ul.menu ul.menu {
    margin: 0 10px 0 10px;
}

.muted {
    border-bottom: 1px gray dotted;
    margin-bottom: 6px;
}

.body>.container>.row-fluid {
    box-shadow: inset 0 0 30px #F30;
    -webkit-border-radius: 6px 6px 4px 4px;
    -moz-border-radius: 6px 6px 4px 4px;
    border-radius: 6px 6px 4px 4px;
    /* background-color: rgba(71, 0, 0, 0.77); */
    backdrop-filter: saturate(180%) blur(14px);
}


/* SKIN on header and navigation - END */


/* ***************************************
TEMPLATE - NEW CSS - END
*************************************** */


/* ***************************************************
SEARCH
in the module rocketsearch 
-> Module Class Suffix -> bymansearch
/* *************************************************** */


/* SEARCH BOX - START */

#roksearch_search_str {
    background-color: rgba(0, 0, 0, 0.4) !important;
}

#roksearch_results span.highlight {
    text-shadow: initial;
    color: #f30 !important;
    background-color: rgba(255, 255, 0, 1) !important;
}

.searchbyman>form>input[type="text"],
.searchbyman input[type="text"] {
    background: url(http://www.bloggermint.com/demos/css3searchbox/search-dark.png) no-repeat 10px 6px;
    background-color: rgba(9, 9, 9, 0.3);
    border: 0 none;
    font: bold 12px Arial, Helvetica, Sans-serif;
    color: #777;
    width: 150px;
    margin-right: 6px;
    padding: 6px 15px 6px 35px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}

.searchbyman>form>input[type="text"]:focus,
.searchbyman input[type="text"]:focus {
    width: 200px;
}


/* SEARCH BOX - END */


/* disqus - Recents */

li.dsq-widget-item {
    border: 1px gray dotted;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 6px;
}

#sidebar .nav li>ul {
    margin: 0px;
    list-style-type: none;
}

#sidebar .nav>li>a:hover,
#sidebar .nav>li a:hover {
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
}

#sidebar .nav>li a {
    display: block;
    padding: 4px;
}

#sidebar .nav>li a:hover {
    text-decoration: none;
    color: white;
    background-color: #EEE;
}

.btn-group {
    /* margin: 12px 5px; */
    margin: 5px;
}


/* nav item background Glossy */

.panel>h3:hover,
.panel>h3:focus,
h2:hover,
h2>a:hover {
    text-decoration: none;
    color: white;
}


/* FIX hover moving all down on "More from the same category"
	moduletable bymanMT100 nav nav-tabs nav-stacked
*/

.nav-stacked>li>a:hover,
.bymanReferences>li>a:hover {
    border-bottom: 1px solid !important;
}

.navbar-inner,
.nav-list>.active>a,
.nav-list>.active>a:hover,
.dropdown-menu li>a:hover,
.dropdown-menu .active>a,
.dropdown-menu .active>a:hover,
.nav-pills>.active>a,
.nav-pills>.active>a:hover,
.btn-primary,
.nav>li>a:hover,
#sidebar .nav>li a:hover,
h2:hover,
.panel>h3:hover {
    background: none !important;
    opacity: 0.9;
    color: #FFFFFF;
    /* transform: scale(1.6) !important; */
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 2px 2px 2px #000!important;
    border: 1px solid rgba(255, 255, 255, 1);
    /* fix vedi classe precedente...inserito border-bottom 1 specifico per => More from the same category <= hover farebbe muovere in basso la pagina in giu	*/
    border-bottom: 2px solid rgba(255, 255, 255, 0.7);
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5), inset 0 1px rgba(255, 255, 255, 0.3), inset 0 10px rgba(255, 255, 255, 0.2), inset 0 10px 20px rgba(255, 255, 255, 0.25), inset 0 -15px 30px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5), inset 0 1px rgba(255, 255, 255, 0.3), inset 0 10px rgba(255, 255, 255, 0.2), inset 0 10px 20px rgba(255, 255, 255, 0.25), inset 0 -15px 30px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5), inset 0 1px rgba(255, 255, 255, 0.3), inset 0 10px rgba(255, 255, 255, 0.2), inset 0 10px 20px rgba(255, 255, 255, 0.25), inset 0 -15px 30px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5), /* Exterior Shadow */
    inset 0 1px rgba(255, 255, 255, 0.3), /* Top light Line */
    inset 0 10px rgba(255, 255, 255, 0.2), /* Top Light Shadow */
    inset 0 10px 20px rgba(255, 255, 255, 0.25), /* Sides Light Shadow */
    inset 0 -15px 30px rgba(0, 0, 0, 0.3);
    /* Dark Background */
}

h2>a:hover,
.panel>h3>a:hover,
.panel>h3>a:focus {
    color: white;
    text-decoration: none;
}


/* section open [ start ] */

h3.pane-toggler-down {
    background-color: rgba(255, 0, 0, .5);
}

h3.pane-toggler-down.title a:before {
    content: "\e011";
    font-family: 'IcoMoon';
    font-style: normal;
    speak: none;
}


/* section open [ end ] */

.article-index .nav>li>a:hover {
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}

.nav-tabs.nav-stacked>li:first-child>a {
    background-color: rgba(0, 0, 0, 0.5);
}

.nav-tabs.nav-stacked>li a:before {
    content: "\e010";
    font-family: 'IcoMoon';
    font-style: normal;
    /* speak: none; */
}

.nav-pills>li>a,
.nav>li>a,
#sidebar .nav>li a,
.panel>h3>a,
.panel>h3,
h2>a,
h2 {
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, 0);
    border-bottom: 2px solid rgba(255, 255, 255, 0);
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    margin-right: 2px;
    padding: 1px;
}

.result-title {
    padding: 6px;
    color: #CC0000;
    background-color: rgba(0, 0, 0, 0.20);
    display: block;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 2px;
    margin-top: 8px;
}

.result-title a {
    font-size: 130%;
    color: #CC0000;
}

.result-category {
    color: #005580;
    text-align: right;
    float: right;
    font-weight: bold;
}

span.highlight {
    color: #333;
    text-shadow: initial;
    background-color: yellow;
    font-weight: bold;
    padding: 1px 0;
    padding: 2px;
    border-radius: 3px;
}


/* Login */

#form-login-remember input {
    float: none
}


/* ***************************

Menu FIXED - START 

****************************** */


/* Center the menu */

.navigation {
    text-align: center;
}

.navigation>ul {
    display: inline-block;
    /* tutt il menu viene allineato al centro grazie anche a text-align della classe .navigation*/
    text-align: left;
    /* item a sinistra  */
}

.bymanMenuFixed {
    left: 1%;
    width: 98%;
}


/* fix 3.45 */

.bymanMenuFixed ul.nav-pills {
    margin-bottom: 0;
    margin: 0 auto;
    width: 940px;
}


/* per il logo - va in sovrapposizione al menu */

.bymanMenuFixedHeader a {
    position: fixed;
    left: 1.3%;
    z-index: 3;
    top: 8px;
}

.bymanMenuFixedHeader a>img {
    height: 36px;
}


/* fix moving to left when menu will come fixed ... funziona ??? */

.navigation {
    border-left: 1px;
    border-right: 1px;
    border-color: rgba(134, 134, 134, 0);
    border-style: solid;
}


/* center the menu */

.navigation {
    text-align: center;
}


/* transiction */

.navigation {
    /* For Opera */
    -o-transition-property: background, position;
    -o-transition-duration: 1s;
    -o-transition-timing-function: linear;
    -o-transition-delay: 0s;
    /* For Safari 3.1 to 6.0 */
    -webkit-transition-property: background, position;
    -webkit-transition-duration: 1s;
    -webkit-transition-timing-function: linear;
    -webkit-transition-delay: 0s;
    /* Standard syntax */
    transition-property: background, position;
    transition-duration: 1s;
    transition-timing-function: linear;
    transition-delay: 0s;
}

.bymanMenuFixed,
.bymanMenuFixedHeader a>img {
    /*transition: all 1.3s;
    -moz-transition: all 1.3s;
    -webkit-transition: all 1.3s;
    -o-transition: all 1.3s;
	*/
    /* For Opera */
    -o-transition-property: background, position;
    -o-transition-duration: 0.7s;
    -o-transition-timing-function: linear;
    -o-transition-delay: 0s;
    /* For Safari 3.1 to 6.0 */
    -webkit-transition-property: background, position;
    -webkit-transition-duration: 0.7s;
    -webkit-transition-timing-function: linear;
    -webkit-transition-delay: 0s;
    /* Standard syntax */
    transition-property: background, position;
    transition-duration: 0.7s;
    transition-timing-function: linear;
    transition-delay: 0s;
}

.bymanMenuFixed,
.bymanMenuMini {
    position: fixed !important;
    top: 0;
    z-index: 2;
    -webkit-box-shadow: 0px 0px 6px #000;
    -moz-box-shadow: 0px 0px 6px #000;
    box-shadow: 0px 0px 6px #000;
    border-radius: 0 0 12px 12px;
    -moz-border-radius: 0 0 12px 12px;
    -khtml-border-radius: 0 0 12px 12px;
    -webkit-border-radius: 0 0 12px 12px;
    border-radius: 0 0 12px 12px;
    border-width: 1px;
    border-top: 0px;
    border-bottom: 2px;
    border-left: 1px;
    border-right: 1px;
    border-color: #e0e0e0;
    border-style: ridge;
    backdrop-filter: saturate(120%) blur(12px);
    /* background-color: rgba(213, 0, 0, 0.28);
    background-color: rgba(0, 0, 0, .9); */
    background:none;
}

.bymanMenuFixedStyleAlternativeNON_USATO {
    position: fixed !important;
    top: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, .9);
    left: 0;
    width: 100%;
}

.bymanMenuMini {
    display: none;
    text-align: center;
    padding: 10px;
    left: 10px;
    color: #e0e0e0;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    tap-highlight-color: rgba(255, 255, 255, 0);
}

.bymanMenuClose {
    visibility: hidden;
    cursor: pointer;
    padding: 12px;
    z-index: 3;
}

.bymanMenuLogoText {
    visibility: hidden;
    margin-top: 10px;
    padding-left: 12px;
}


/* // -  Script Code Highlight */

:not(pre)>code[class*="language-"],
pre[class*="language-"] {
    background: rgba(249, 249, 249, 0.9);
}

code[class*="language-"],
pre[class*="language-"] {
    font-size: medium;
}

h3[class^="ri-box-transparent"],
h4[class^="ri-box-transparent"],
h5[class^="ri-box-transparent"] {
    padding: 12px;
}

@media (max-width: 979px) {
    .bymanMenuFixedHeader a {
        left: calc(50% - 96px);
    }
}


/* when window size Low than 768 the protostar menu will change from horizontal to vertical...
so move the logo to right using left=none, enter if left ad right are not none*/

@media (max-width: 768px) {
    .bymanMenuFixed ul {
        margin-top: 40px;
    }
    .bymanMenuFixedHeader a {
        top: 0px;
        right: 1.3%;
        margin: 0 40px;
        /* left:none; */
    }
    .bymanMenuFixedHeader a>img {
        height: 40px;
    }
}


/* Menu FIXED - FINE */

.bymanWidthAuto {
    width: auto
}


/*MEDIA - Start */


/* MAX */


/* common for screen lower than 768... */

@media (max-width: 980px) {}

@media (max-width: 768px) {
    .navigation>ul {
        display: block;
        /* text-align: left; */
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    #readimages-swiper-carousel {
        zoom: 0.70;
    }
}

@media (max-width: 767px) {
    #readimages-swiper-carousel {
        zoom: 0.40;
    }
}

@media (max-width: 480px) {
    #readimages-swiper-carousel {
        zoom: 0.32;
    }
}

@media (max-width: 360px) {
    #readimages-swiper-carousel {
        zoom: 0.26;
    }
}

@media (min-width: 1200px) {
    .row-fluid [class*="span"] {
        padding: 0 4px;
    }
}


/*MEDIA - End */