/*
Theme Name: CNA
Author: CNA Nazionale
Author URI: https://www.cna.it/
Version: 1.0
Text Domain: saz
*/

/*--------------------------------------------------------------
# Navbar
--------------------------------------------------------------*/

body.admin-bar nav.fixed-top {
    top: 46px;
}

@media (min-width: 783px) { /* NB questo breakpoint è definito in WP, non in Bootstrap */
    body.admin-bar nav.fixed-top {
        top: 32px;
    }
}

/*
Breakpoint predefiniti in WP per la admin bar:
max-width: 782px
max-width: 600px
max-width: 400px
*/

#primary {
    margin-top: 66px;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.breadcrumbs {
    margin-bottom: 10px;
}
.no-results {
    margin-top: 10px;
}
ul.saz-magic-menu {
    margin-top: 10px;
}

/*--------------------------------------------------------------
## Alignments
--------------------------------------------------------------*/



/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}
ol.comment-list, ol.comment-list ol { 
    list-style:none; 
    margin:0; 
    padding:0; 
    text-indent:0; 
    clear: both; 
}
ol.comment-list li {
    margin-top: 20px; 
    padding:20px; 
    position:relative; 
}
ol.comment-list li div.vcard img.avatar {
    display: block;
}
ol.comment-list li ul.children li.depth-2,
ol.comment-list li ul.children li.depth-3,
ol.comment-list li ul.children li.depth-4,
ol.comment-list li ul.children li.depth-5 {
    margin:0 0 .25em;
}
ol.comment-list .says {
    display: none;
}
ol.comment-list li ul.children li.odd {
    
}
ol.comment-list li.even {
    background:#FFF; 
    border:1px solid #f0f0f0; 
}
ol.comment-list li.odd { 
    background:#f0f0f0; 
}
.comment-awaiting-moderation {
    font-style: italic;
}
.comment-content {
    margin-top: 10px;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}
.alignnone {
  display: block;
  max-width: 100%;
  height: auto;
}
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img[class^='wp-image'], img[class*='wp-image']{
    display: block;
    max-width: 100%;
    height: auto;
}
.alert-highlight{
    background: #fcefa7;
    border: 1px solid #e6d36b;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption .wp-caption-text {
}
.wp-caption-text {
    background-color: transparent; 
    text-align: center;
    font-size: 0.825rem;
    color: #777;
    padding: 1.5rem 1rem;
    line-height: 1.6em;
    background: #f7f7f7;
}
figure{
    
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 10px;
}
.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    padding: 5px;
}
.gallery-item img {
    max-width: 100%;
    height: auto;
}
.gallery-columns-2 .gallery-item {
    max-width: 50%;
}
.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
    max-width: 25%;
}
.gallery-columns-5 .gallery-item {
    max-width: 20%;
}
.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}
.gallery-caption {
    display: block;
}
div.gallery figure {
    margin-bottom: 0;
}

/*--------------------------------------------------------------
## FIX CF7
--------------------------------------------------------------*/

.wpcf7-form .checkbox input[type="checkbox"] {
    position: relative;
    margin: 0 5px 0 -13px;
}
div.wpcf7-response-output{
    margin: 1.5rem 0!important;
    padding: 0.5rem 1rem!important;
    font-size: 0.875rem!important;
}