/*
### CIROPRINCIPE.INFO Custom CSS ###
*/

/* CUSTOM DIV IDs */

#cust-container {
  max-width: 1024px;
}

#cust-header {
  font-family: 'Lato', sans-serif;
  margin: 30px 0 30px 0;
}

#cust-header h1 {
  font-weight: bold;
  font-size: 64px;
  color: #333;
  margin: 0;
}

#cust-header a, #cust-header a:active, #cust-header a:visited, #cust-header a:hover {
  color: #333;
  text-decoration: none;
}

#cust-header p {
  font-size: 16px;
  color: #AAA;
  padding-left: 5px;
}

/* Override Bootstrap default of 36px inside the content */
#cust-content h1 {
  font-size: 32px;
}

/* Override Bootstrap default of 0 margin inside the content */
#cust-content dd {
  margin-bottom: 10px;
}

#cust-footer {
  font-size: 12px;
  color: #676767;
  margin: 25px 0 30px 0;
}

/* CUSTOM CLASSES */

.cust-page-title {
  margin-bottom: 20px;
}

.cust-page-title a:hover, .cust-post-title a:hover {
  text-decoration: none;
}

.cust-ion-feed {
  font-size: 24px;
}

.cust-blog-list {
  margin-left: 2px;
}

.cust-blog-item {
  margin-bottom: 15px;
}

.cust-blog-item span {
  color: #AAA;
}

.cust-blog-tags {
  margin-top: 25px;
}

.cust-post-meta {
  color: #AAA;
  margin-bottom: 22px;
}

.cust-post-meta a, .cust-post-meta a:active, .cust-post-meta a:visited {
  color: #AAA;
}

.cust-post-meta a:hover {
  text-decoration: underline;
}

.cust-tagbox {
  margin-bottom: 10px;
}

.cust-tagbox li {
  margin-bottom: 10px;
}

.cust-tagbox span {
  vertical-align: super;
  font-size: 1.0rem;
}

.cust-tag-item {
  margin-bottom: 15px;
}

.cust-tag-item .cust-blog-item {
  margin-bottom: 10px;
}

.cust-social-short {
  margin: 20px 0;
  font-size: 24px;
}

.cust-social-short a, .cust-social-short a:active, .cust-social-short a:visited {
  color: #CCC;
  text-decoration: none;
}

.cust-social-short a:hover {
  color: #333;
  text-decoration: none;
}
