/* codeDESIGN - custom_code_php.css */ @charset "utf-8"; /* CUSTOM CODE PHP */ div.custom_code_php [class^="col-"], div.custom_code_php [class*=" col-"] { padding-left: 0px; padding-right: 0px; } div.custom_code_php { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: var(--ci_color_black); } div.layout_codedesign_responsive_custom_code_wrapper.custom_code_php_216 div.custom_code_php { padding: 0px 40px 0px 0px; } @media only screen and (max-width: 991px) { div.layout_codedesign_responsive_custom_code_wrapper.custom_code_php_216 div.custom_code_php { padding: 0px 0px 0px 0px; } } div.layout_codedesign_responsive_custom_code_wrapper.custom_code_php_161 { margin: 30px 0px 0px 0px; } div.layout_codedesign_responsive_custom_code_wrapper.custom_code_php_216 { margin: 0px 0px 0px 0px; } div.custom_code_php_inner { border: 10px solid #F8F8F8; border: 10px solid rgba(248, 248, 248, 0.4); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } div.layout_codedesign_responsive_custom_code_wrapper.custom_code_php_216 div.custom_code_php_inner { border: none; } div.custom_code_php_inner_background { background: #F8F8F8; margin: 0px 0px 0px 0px; padding: 20px 20px 20px 20px; } div.layout_codedesign_responsive_custom_code_wrapper.custom_code_php_216 div.custom_code_php_inner_background { background: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.custom_code_php_content { float: right; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 20px; } div.layout_codedesign_responsive_custom_code_wrapper.custom_code_php_216 div.custom_code_php_content { float: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.custom_code_php_content a, div.custom_code_php_content a, div.custom_code_php_content a:visited { font-weight: 400; text-decoration: none; color: var(--ci_color_font_dark); transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } div.custom_code_php_content a:hover { color: #039A9A; } div.webcam { /*background: #222220;*/ /*padding: 20px;*/ } div.webcam h3 { color: var(--ci_color_black); } div.webcam ul { list-style: none; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.webcam ul li { list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; position: relative; } div.webcam ul li::before { content: "\f105"; font-family: 'Font Awesome 5 Pro'; font-weight: 100; font-size: 1.4em; color: #74a21c; margin: 1px 0px 0px 0px; padding: 0px 0px 0px 0px; display: inline-block; position: absolute; left: 0px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } div.webcam ul li:hover::before { color: #74a21c; left: 6px; } div.webcam_description_inner { color: var(--ci_color_white); background: rgba(248, 248, 248, 0.4); padding: 10px; } div.webcam_image_caption { color: var(--ci_color_white); /*background: rgba(248, 248, 248, 0.4);*/ background: #2c2b29; /*border: 10px solid #777776;*/ padding: 10px 20px; } div.webcam_image_caption i { margin-right: 10px; } div.layout_codedesign_responsive_custom_code_wrapper.site_sidebar_1 { width: 100%; } div.webcam h3 i { color: #74a21c; margin: 0px 8px 0px 0px; padding: 0px 0px 0px 0px; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } div.layout_custom_news .col-md-3 .col-md-12:first-child { margin-bottom: 40px; } @media only screen and (max-width: 991px) { div.only_desktop { display: none; } } div.only_mobile { display: block; } @media only screen and (min-width: 992px) { div.only_mobile { display: none; } } @media only screen and (max-width: 991px) { .only_mobile .col-xs-6 { display: block; width: calc(50% - 20px); } .only_mobile .col-xs-6:nth-child(odd) { margin-right: 20px; } .only_mobile .col-xs-6:nth-child(even) { margin-left: 20px; } }