/*
  CSS definition for WebsiteBaker module: OneForAll
  Copyright (C) 2017, Christoph Marti

  This CSS file is free software. You can redistribute it and/or modify it
  under the terms of the GNU General Public License - version 2 or later,
  as published by the Free Software Foundation: http://www.gnu.org/licenses/gpl.html.

  This CSS file is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  GNU General Public License for more details.
*/


/* Frontend Stylesheet Module OneForAll */
/* ************************************ */

/*
NOTE:
Modify the HTML of the main page and the item page in the layout section of the OneForAll page settings.
Modify the CSS of the main page and the item page in this stylesheet.
*/


/* GENERAL */

div[id^="mod_oneforall_wrapper_"] {

}
/* Section specific wrapper(s) using the section id */
/* Replace 22 by the section id you like to address */
#mod_oneforall_wrapper_8_f { /*Rezepte*/

}

/* Rezepte */
#pid8 .mod_oneforall_item_loop_f {
    margin: 5px 0;
    padding: 5px;
    width: 100%;
    border-bottom:0;
}
    #pid8 .mod_oneforall_item_loop_f:nth-child(odd) {
        background-color: #dbc17e78;
    }
    #pid8 .mod_oneforall_item_title_f {margin: 20px 0 30px}
    #pid8 .mod_oneforall_main_title_f a {display: block}
    #pid8 .mod_oneforall_item_f img:first-of-type {margin: 0 10px 5px 0;}
    #pid8 .mod_oneforall_item_loop_f a:hover {color: var(--red)!important; font-weight: bold!important; }
    #pid8 .mod_oneforall_prev_next_links_f a:hover {font-weight: normal!important;}
    
/* Präsente */    
#pid9 .mod_oneforall_item_loop_f {
    width: 100%;
    margin: 5px 0;
    border-bottom:1px solid #ccc;
}
    #pid9 .col-sm-3 .mod_oneforall_main_thumb_f {
        border: none;
        margin-top: 25px;
        box-shadow: 1px 1px 5px #ccc;
    }
    #pid9 .col-sm-9 .mod_oneforall_main_thumb_f {
        width: 100px;
    }
    
/* Sortiment */
#pid10 div[id^="mod_oneforall_wrapper_"] a:hover {color: var(--red)!important; text-decoration: underline!important;}


.mod_oneforall_item_loop_f:last-child { border-bottom: 0; }

.mod_oneforall_prev_next_links_f {
  text-align: center;
  margin: 25px 0;
}


/* OVERVIEW OR MAIN PAGE */


.mod_oneforall_main_title_f {
    font-weight: normal;
}
.mod_oneforall_none_found_f {
    margin-top: 100px;
    font-weight: bold;
}
.mod_oneforall_pagination_f {

}

div[id^="mod_oneforall_wrapper_"] a:link,
div[id^="mod_oneforall_wrapper_"] a:visited,
div[id^="mod_oneforall_wrapper_"] a:active {
    color: #333!important;
    font-weight: normal!important;
    text-decoration: none!important;
}

/* DETAIL OR ITEM PAGE */



/*########### MEDIA QUERYS #################*/
@media (max-width: 600px) {
    #pid8 .mod_oneforall_item_f img:first-of-type {display: block; margin:10px auto; float: none !important;}
}