/*
* @Author: Harm Kramer - Remark Webdesign 
* @Website: remark-webdesign.nl
* @Description: General style changes
*/
/* Import stylesheets only meant for specific screen size */
@import url("remark_style_desktop.css") screen and (min-width: 769px);
@import url("remark_style_tablet.css") screen and (min-width: 601px) and (max-width: 768px);
@import url("remark_style_mobile.css") screen and (max-width: 600px);
/* CSS3 hide elements on specific display sizes:  mobile = max width 600 / tablet = max width 768 / desktop = min width 769 */
@media screen and (max-width: 600px) {
    .remark-hide-on-mobile { display: none !important; }
    /*.remark-hide-on-mobile { background: yellow !important; }*/
}
@media screen and (min-width: 601px) and (max-width: 768px) {
    .remark-hide-on-tablet { display: none !important; }
    /*.remark-hide-on-tablet { background: red !important; }*/
}
@media screen and (min-width: 769px) {
    .remark-hide-on-desktop { display: none !important; }
    /*.remark-hide-on-desktop { background: orange !important; }*/
}
/* CSS3 display only on specific display sizes:  mobile = max width 600 / tablet = max width 768 / desktop = min width 769 */
@media screen and (min-width: 601px) {
    .remark-only-on-mobile { display: none !important; }
    /*.remark-only-on-mobile { background: yellow !important; }*/
}
/* OR! is just a comma */
@media screen and (max-width: 600px), (min-width: 769px) {
    .remark-only-on-tablet { display: none !important; }
    /*.remark-only-on-tablet { background: red !important; }*/
}
@media screen and (max-width: 768px) {
    .remark-only-on-desktop { display: none !important; }
    /*.remark-only-on-desktop { background: orange !important; }*/
}

/* general */
.remark_clear {
    clear: both;
}
.remark_right {
    float: right;
}
.remark_echo {
    color: black;
    background: white no-repeat fixed center; 
}
/* popup maker */
.remark_popup_style {
}
.remark_popup1 {
}

/* theme enigma */
.header_section {
    background-color: #85D6FF;
}
.enigma_callout_area {
    background-color: #85D6FF;
    border-top: 2px solid #31A3DD;
}
.enigma_footer_area {
    background-color: #85D6FF;
}
.enigma_author_detail_section {
    display: none;
}
p.enigma_footer_copyright_info {
    color: #FFF !important;
}
.remark_enigma_search {
    float: right !important;
    justify-content: flex-end !important;   /* for flex container */
    margin-top: -18px !important;
    margin-bottom: 3px !important;
    margin-right: -5px !important;
}
/*
.remark_morelink {
    background:transparent url("http://etc.etc/files/pics/icons_24.gif") no-repeat scroll 0 0;
    height:24px;
    line-height:24px;
    display: inline;
    background-position:0 -480px;
    margin-left:5px;
    padding-left:26px;
}
*/
.remark_thumbnail {
    display: inline;
    float: left;
    margin-right: 10px;
    margin-top: 0px;
}
.remark_thumbnail_nofloat {
    display: inline;
    margin-right: 10px;
    margin-top: 0px;
}
.remark_mobile_gastenboek {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    text-align: left;
}
.remark_feather_mobile {
    float: right;
    text-align: right;
    margin-right: 5px;
}
/* acf bookinfo */
.bookinfo span {
    color: #1C3975;
}
.bookinfo_begin span {
    font-size: 100%;
    font-style: normal;
}
.bookinfo_end span{
    font-size: 150%;
    font-style: italic;
}
/* acf point to */
.point_to_fields {
    float: right;
    width: 200px;
    margin-left: 10px;
}
/* envira lite */
div.remark_envira_one_image div.envira-gallery-item {
    display:none !important;
}
div.remark_envira_one_image div.envira-gallery-item:first-child {
    display:block !important;
}
/* review builder */

.sg-tempo-title {
    background-color: black !important;
}
.sg-tempo-context {
    background-color: black !important;
    font-size: 150%;
}
.sgrb-front-comment-rows input {
    border: 1px solid white !important;
    background-color: white !important;
    opacity: 1 !important;
}
/* popup maker */
.remark_popup_style {
    color: red;
    font-size: 150%;
    background-color: grey; /* Green #7BB303 */
    border: none;
    padding: 5px 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}

/* contactform 7 */
.remark_cf_left50 {
    margin-top: 10px;
    width: 50%;
    float: left;
}
.remark_cf_left100 {
    margin-top: 10px;
    width: 100%;
    float: left;
}
.remark_cf_right50 {
    margin-top: 10px;
    width: 50%;
    float: right;
} 
.remark_cf_fields button, .remark_cf_fields input, .remark_cf_fields optgroup, .remark_cf_fields select, .remark_cf_fields textarea {
    min-width: 50%;
    max-width: 90%;
    margin-right: 10px;
}
.remark_cf_fields select {
    min-height: 25px;
    font-size: 100%;
}
.remark_cf_clearfix:after {
    content:"\0020";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;
} 
.remark_cf_clearfix {
    display:block;
}
.remark_captcha_c {
}
.remark_captcha_r {
}
input.remark_captcha_r::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #7BB303;
}
input.remark_captcha_r:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #7BB303;
    opacity:  1;
}
input.remark_captcha_r::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #7BB303;
    opacity:  1;
}
input.remark_captcha_r:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #7BB303;
}
/* ivole woocommerce reviews */
.ivole-summaryBox {
    max-width: 100% !important;
}
/* twb review slider */
.remark_tbcmess {
    display: none;
}
.remark_reviewlink {
    text-align: center;
    margin-bottom: 1em;
}
/* slightly more room in woocommerce account navigation due to long dutch text */
.woocommerce-MyAccount-navigation ul {
    margin-right: -1em;
}
/* do display review title -- storefront hides it */
#reviews .comment-reply-title {
    display: block !important;
    font-size: 2em;
    margin-top: 1.5em;
}