/* 
Theme Name:		 -tk-child
Theme URI:		 http://childtheme-generator.com/
Description:	 -tk-child is a child theme of _tk, created by ChildTheme-Generator.com
Author:			 VHormazabal
Author URI:		 http://childtheme-generator.com/
Template:		 _tk
Version:		 1.0.0
Text Domain:	 tk-child
*/


/*
*
* Here are a few needed CSS additions to integrate bootstrap truly into WordPress,
* We kept this slim as possible. Try to avoid any overwriting if not really needed.
*/
html {
background: white !important;
font-family: 'Source Sans Pro', sans-serif  !important ;

}


.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
.equal { display: flex; display: -webkit-flex; flex-wrap: wrap; } 

.card-deck {
display:flex;
flex-wrap: wrap;
}
.card {
height:100%;
padding: .75rem;
margin-bottom: 2rem;
border: 0;
box-shadow: 0px;
}

.card .ayg-player-title{
font-size: 1.3em !important
}

.card img{
max-height: 150px;
max-width: 150px
}


.card em {
font-size: 1.3em !important;
font-style: italic;
color:#000000
}

.card strong{
color: #872E92
}



@media (max-width:767px){
  .card-deck {
    display:block;
  }
}
.bg-primary {
background: #862E92 !important;
color:white !important;
padding: 3px !important
}

.bg-secondary {
background: #018001 !important;
color:white !important;
padding: 3px !important
}

.bg-info{
background: #FFC107 !important;
color:white !important;
padding: 3px !important
}

.bg-light{
background: #5BC0DE !important;
color:white !important;
padding: 3px !important
}


.bg-primary  h2, .bg-secondary  h2,.bg-info  h2,.bg-light h2{
color:white !important;

}

.panel-heading  a:before {
   font-family: 'Glyphicons Halflings';
   content: "\e114";
   float: right;
   transition: all 0.5s;
}
.panel-heading.active a:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

#accordion .panel-primary .panel-heading {
background: #e7f1c4 !important;
border: 1px #f6f7e7 solid  !important;
}


.panel-primary,.panel-default{
border: 0px none !important;
}

#accordion .panel-default .panel-heading a{
color: #333 !important;
font-weight:700
}

#accordion .panel-primary .panel-heading a{
color: #333 !important;
font-weight:700
}
.art{
border: 1px solid #CCC; 
-webkit-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
padding-bottom: 30px;
padding-top: 30px;
margin-bottom: 10px
}



#menu-item-1339 a{
color: #FF9   !important
}

.container-video {
overflow: hidden;
position: relative;
width:100%;
}

.container-video::after {
padding-top: 56.25%;
display: block;
content: '';
}

.container-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

table { border-collapse: collapse; width: 100%; } 

th{ 
background: #872E92;
text-align:center !important;
color: #FFF;
font-weight:700
}
 
/* Stack rows vertically on small screens */
 @media (max-width:37.5em) { 
 /* Hide column labels */ 
 thead tr { 
 position: absolute; top: -9999em; 
 left: -9999em; } 
 /* Leave a space between table rows */ 
 tr + tr { margin-top: 1.5em; } 
 /* Get table cells to act like rows */ 
 tr, td { display: block; } /* Leave a space for data labels */ 
 td { padding-left: 50%; } /* Add data labels */ 
 td:before { content: attr(data-label); display: inline-block; margin-left: -100%; width: 100%; } } 
 /* Stack labels vertically on smaller screens */ 
 @media (max-width: 25em) { 
 td { padding-left: 0; } 
 td:before { display: block; margin-left: 0; } }


.after{
background: #FCF8E3
}


.gallery {
padding: 0;
list-style-type: none;
margin: 0 auto 18px;
}

.gallery .gallery-item {
float: left;
margin-top: 0;
text-align: center;
width: 33%;
}
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery img {
padding: 8px;
}

.gallery-columns-2 .attachment-medium {
max-width: 92%;
height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
max-width: 84%;
height: auto;
}
.gallery .gallery-caption {
color: #888;
font-size: 12px;
margin: 0 0 12px;
}
.gallery dl, .gallery dt { margin: 0; }
.gallery br+br { display: none; }


#video_art{
background:#8F8F8F;
min-height: 300px;
}

#artist_images{
background:#052F48;
color:#FFF !important
}
#artist_images h3{
color:#FFF !important
}

.artist,.bg-pale{
background:#F6F7E7;
min-height: 200px;
padding-top:30px;
padding-bottom:40px
}

.benefits-title{
background:#018001;
padding-top:30px;
padding-bottom:30px;
text-align:center !important;
color:#FFF !important
}

.levels-title{
background:#872E92;
padding-top:30px;
padding-bottom:30px;
text-align:center !important;
color:#FFF !important
}

.benefits-title h2,.levels-title h2{
color:#FFF !important
}



.importance,.ways,.benefits{
padding-top:30px;
padding-bottom:30px
}

.importance li:before,.benefits li:before { 
content:"\271D";
color:#952A87;
font-weight:700;
margin-right: 10px;
font-size: 15px
}

#post-1043 h1{
text-align: center !important
}

#blue-b,.blue-b {
background:#052F48;
color: white;
width: 100%;
}


#blue-b p,.blue-b p {
padding: 10vh 0;
}


body {
overflow-x: hidden;
font-family: 'Source Sans Pro', sans-serif  !important;
}

.card {
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
padding: 10px 15px 10px 15px
}


.round {
border-radius: 50%;
}

#content-fp blockquote{
border-right:3px solid #156A2B  
}

#carousel ,.carousel-inner{
background: none !important;
overflow: hidden;

}

.carousel-control{
background: none !important
}

.item {
min-height: 380px !important
}
.carousel-control{
color: #7C0000 !important
}

.carousel .carousel-control {
visibility: visible;

}
.carousel:hover .carousel-control {
visibility: visible;
}


.carousel .left > span,
.carousel .right > span {
position: absolute;
left: -20px;
top: 30%;
transform: translateY(-50%);
}
.carousel .right > span {
left: auto;
right: -20px;
}

#vimeohero {
background: #eee;
height: 80vh;
overflow: hidden;
padding: 0;
position: relative;
margin:0;
}

#vimeohero iframe {
box-sizing: border-box;
height: 56.25vw;
left: 50%;
min-height: 100%;
min-width: 100%;
transform: translate(-50%, -50%);
position: absolute;
top: 50%;
width: 177.77777778vh;
}

/* Centered */
.centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #FFF !important;
font-size:18px
}

.blocky {
position: relative;
}


.vcenter {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.centered h2{
color: #FFF !important;
}

#vimeohero button, #vimeohero h2, #vimeohero p  {
text-shadow: 1px 1px 2px #212121;
}
.pagination li a,
.pagination li a:hover,
.pagination li.active a,
.pagination li.disabled {
color: #872E92 !important;
text-decoration:none;
}

.well {
background: none !important;
border-top:0px !important;
border-bottom: 0px !important;
border-right: 1px dotted #E2EAED !important;
border-left:0px !important;
}

.pagination li a:hover {
background: #561919 !important;
}
.pagination li {
display: inline;
}

.pagination li a,
.pagination li.disabled {
border-radius: 3px;
cursor: pointer;
padding: 12px;
padding: 0.75rem;
color: #872E92 !important;
}

.pagination li a:hover,
.pagination li.active a {
background: #561919;
color: #FFF !important;
}


.entry-meta {
margin-top: 10px;
margin-bottom:10px
}



.fontawesome-text {display: none;} 

#share {
width: 100%;
margin-top: 30px;
text-align: left;
}

/* buttons */

#share a,.social a {
font-size: 40px;
text-decoration:none !important
}


.fa-handshake, .fa-share-alt,.fa-praying-hands {
color: #018001 !important;
margin-right: 10px
}

.s-icon {
max-width: 40px
}
.fa-facebook , .fa-facebook-square  {
color: #3b5998 !important
}
.fa-twitter , .fa-twitter-square {
color: #1da1f2 !important
}
.fa-google-plus , .fa-google-plus-square  {
color: #dd4b39 !important
}
.fa-instagram{
color: #c32aa3;
}
.fa-youtube,.fa-youtube-play,.fa-youtube-square{
color:#ff0000 !important;
}

blockquote {
font-style: italic;
border:0 !important;
font-family: 'Source Sans Pro', sans-serif  !important;
margin:0
}
blockquote p:before {
font-family: "FontAwesome";
content: "\f10d";
font-size: 50px;
font-style: normal;
color: #551717;
margin-right: 2vw;

}

h1,h2,h3,h4,h5,h6{
font-family: 'Cinzel', serif !important;
font-weight: normal !important;
color: #000000 !important

}
a:link, a:visited{
color: #018001 !important

}

button a:link, button a:visited, button a:hover{
color: white !important;
text-decoration:none !important

}

.gallery-item img{
border: none !important;
margin-right: 10px !important

}

p,ul,table,ol,.text-b,.eStore_custom_input_name{
font-family: 'Source Sans Pro', sans-serif  !important;
font-size:18px;
line-height: 160%

}

th{
font-family: 'Source Sans Pro', sans-serif  !important;
font-size:20px;
line-height: 160%;
font-weight:normal !important

}

.page-template-default.main-content ul li::before,#work ul li::before {
content: "\f054";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-right: 1vw;
color: #96C796
}

.page-id-2204 li,.page-id-2204  ul{
font-style: normal !important;
font-weight: 400 !important;	
font-size: 1em !important
}

#work ul{
margin:0;
padding:0
}

.nf-field-label{
font-size: 1.3em !important
}

.yotu-videos ul li::before {
content: "";
}

ul {
list-style-type: none;
}

.wp_rss_retriever_list li::before {
content:"";
}

.wp_rss_retriever_list li {
border-bottom: 1px solid #999
}

em{
font-family: 'Source Sans Pro', sans-serif  !important;
font-size:22px;
line-height: 160%;
color: #777463;
font-style:normal
}
.eStore_collect_input {
margin-bottom: 10px;
padding: 10px;
box-sizing: border-box;
border: 2px solid #ccc;
border-radius: 4px;
overflow-y: scroll; /* Show vertical scrollbar */

}

.sin-ul li, nf-field-39-wrap li{
font-family: 'Source Sans Pro', sans-serif  !important;
font-size:18px;
line-height: 170%;
list-style:none;
padding-left: 0 !important;
margin-left: 0 !important
}

.sin-ul,#nf-field-39-wrap ul{
margin:10px 0 0 0 !important;
padding:0 !important
}

.fa-check,.fa-envelope, .fa-check-square-o,.fa-plus-square-o{
color: #8BC750

}



.carousel-caption{
right:auto !important;
text-align: center !important;
max-width:600px;
left:50% !important;
padding:5px;
position:relative !important;
background: url(https://dementiarosary.com/wp-content/uploads/bg.png)
}

.carousel-caption blockquote{
font-size: 30px !important;
font-family: 'Cinzel', serif !important;
font-weight: normal !important;
font-style:normal !important;
opacity: 100%;
}

.newsletter {
margin-top:0;
padding: 20px;
background: #018001;
height: auto;
min-height:85px
}

.newsletter p{
padding: 0;
margin:0;
line-height:110%;
color: white;
font-size:16px;
font-family: 'Cinzel', serif !important;
}


.purple {
color: #872E92 !important
}

.rosary {
padding: 10px ;
background:#F6F7E7;
}

.rosary p{
padding: 30px 10px 10px 10px;
text-align:left;
margin-left:20px
}

.rosary blockquote{
font-size: 35px !important;
font-family: 'Cinzel', serif !important;
font-weight: normal !important;
font-style:normal !important;
padding: 10vh 10px 10px 10px;
text-align:center;
margin-left:20px
}

#first{
width:100%;
min-height:550px;
max-height:550px;
height:auto;
}

#book {
padding: 10vh 20px 8vh 20px;
background:#F6F7E7
}

#content-fp .podcast{
background:#ECD9ED;
padding: 10px

}

#content-fp{
padding: 2vh 0 8vh 0;
}
#author, .dark-green {
padding: 10vh 20px 8vh 20px;
background:#E7F1C4
}

#author img{
}


#social-buttons i a{
font-size: 30px !important;
}


#social-buttons .fa-facebook, .fa-facebook-square {
color: #FFF
}
#social-buttons .fa-twitter, .fa-twitter-square {
color: #FFF
}

#social-buttons .fa-youtube, .fa-youtube-play, .fa-youtube-square {
color: #bb0000
}

#social-buttons .fa-instagram {
color: #517fa4;
}


.preview{
background:#872E92 !important;
border: 0 !important;
min-height:70px;
height: auto;

font-family: 'Cinzel', serif !important;
font-weight: normal !important;
font-size: 25px !important;
text-align: center;
color: white !important;
}

#menu-item-130{
margin-left: 4vw
}

.preview span::after {
content: "\f1c1";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
/*--adjust as necessary--*/
color: white ;
font-size: 28px;
margin-left: 30px;
}

.btn-lg{
width: 40% !important;
min-height: 100px;
height: auto;
font-family: 'Cinzel', serif !important;
font-weight: normal !important;
font-size: 40px !important
}

.btn-primary{
min-height:70px;
height: auto;
font-family: 'Cinzel', serif !important;
font-weight: normal !important;
font-size: 25px !important;
background:#007900 !important;
text-align: center;
color: white !important;
white-space:normal !important;
}

.btn-info{
min-height:70px;
height: auto;
font-family: 'Cinzel', serif !important;
font-weight: normal !important;
font-size: 25px !important;
text-align: center;
color: white !important;
white-space:normal !important;
}

.btn-secondary,.eStore_add_to_cart_button,.eStore_buy_now_button{
min-height:70px;
height: auto;
font-family: 'Cinzel', serif !important;
font-weight: normal !important;
font-size: 25px !important;
background:#872E92 !important;
text-align: center;
color: white !important;
white-space:normal !important;
}


.btn-yellow{
min-height:70px;
height: auto;
font-family: 'Cinzel', serif !important;
font-weight: normal !important;
font-size: 25px !important;
background: #FFC107 !important;
text-align: center;
color: black !important;
}


.navbar-default {
border-radius: 0 !important;
border: 0 !important;
background:#872E92 !important;
font-family: 'Cinzel', serif  !important;
text-align:center !important;

}
.site-navigation-inner{
background:#872E92 !important;
max-height:55px;
}

.navbar-nav li {
float: none;
display: inline-block;
font-weight: 400
}


@media (min-width:768px) { 
.navbar > .container {
text-align: center;
}
.navbar-header,.navbar-brand,.navbar .navbar-nav,.navbar .navbar-nav > li {
float: none;
display: inline-block;
}
.collapse.navbar-collapse {
float: none;
display: inline-block!important;
width: 100%;
clear: none;
}


}


#logo-main{
display: block;
}

.site-branding{
position:absolute;
z-index:300000;
}




.navbar a{
color: white !important;
text-transform:uppercase;
padding-right:10px;
padding-left: 10px;
font-size:18px;
}

.navbar span:after  {
content: "\007C";
} 

.navbar span  {
margin-left: 30px
} 

.current_page_item a,.current-menu-item a {
background:transparent !important;

}

.site-footer{
padding-top: 40px;
font-size:16px !important;

}

#colophon a{
color: #3D3937 !important;
text-decoration:none !important
}


.site-footer ul{
margin:0 !important;
list-style:none !important;
padding: 0 !important
}

.site-footer li {
padding-botton: 6px
}


.main-content-inner{
margin-top: 0;
margin-left: 0;
}

.sidebar{
margin-top: 8vh;

}



/* First fixing the dropdown menu.
*/
.dropdown-menu li a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.428571429;
color: #333;
white-space: nowrap;
}
.dropdown-menu li a:hover,
.dropdown-menu li a:focus {
color: #ffffff;
text-decoration: none;
background-color: #357ebd;
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#357ebd));
background-image: -webkit-linear-gradient(top, #428bca, 0%, #357ebd, 100%);
background-image: -moz-linear-gradient(top, #428bca 0%, #357ebd 100%);
background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
}
.dropdown-menu ul { list-style: none; }

/* Some modified padding for the bootstrap container.
* Now you can make many styles of design easily.
* Try with giving the .container class just a background colour and have a look. ;)
*/
.container { padding: 0 15px 15px 15px; }

@media only screen and (max-width:100em) { 
#first{
min-height:450px;
max-height:450px;
}



}

@media only screen and (min-width:61.25em) { 
.mob-menu-header-holder mobmenu,.mobmenu-content{
display:none;
visibility:hidden;
height:1px !important
}

}

@media only screen and (min-width:80em) { 

#logo-main{
max-width:210px !important;
}

.site-branding{
max-width:210px !important;
padding: 10px 10px 0 40px;
}
}



@media only screen and (width:64em) and (min-height:80em) { 
#vimeohero iframe {
min-height: 120%;
min-width: 120%;
}

#vimeohero {
height:30vh !important;
}

.centered h2{
font-size: 22px !important
}

}

@media only screen and (max-width:64em) { 

#vimeohero {
height:55vh;
margin:0;
top:0
}

#blue-b p {
padding: 3vh 0;
}


#book {
padding: 3vh 20px 3vh 20px;
}


#logo-main{
max-width:130px;
}

.site-branding{
max-width:130px !important;
}

.rosary blockquote{
margin-left:0 !important
}

.btn-lg{
width: 50% !important;
min-height: 80px;
font-size: 40px !important
}
.centered h2{
font-size: 24px !important
}
}



@media only screen and (max-width:62em) and (max-height:80em) {   

#blue-b p {
padding: 10px 0 !important;
}

#blue-b img {
max-width:250px;
text-align:center !important
}

#vimeohero {
height: 30vh !important;
margin:0;
}

#vimeohero iframe {
min-height: 140%;
min-width: 140%;

}

.newsletter {
height:90px;
margin:0
}


#second{
height:auto;
min-height:200px;
}


.btn-lg{
width: 60% !important;
min-height: 70px;
font-size: 35px !important
}
.site-branding-i{
display:none
}

.site-branding{
max-width:100px !important;
padding: 6px 6px 0 40px;
}

}

.btn-block { 
white-space: normal !important;
word-wrap: break-word !important;
}

.btn{white-space:normal !important; }


.rosary blockquote{
font-size: 35px !important;
padding: 5vh 10px 10px 10px;
margin-left:20px
}

button{
margin-bottom:5px !important;
}

}


@media only screen and (max-width:62em) { 
.centered {
width:70%;
text-align:center
}
}

@media only screen and (max-width:56.25em) {  
h1{
font-size:24px !important

} 
h2,h3,h4,h5,h6,.lead{
font-size:22px !important 

} 

#content-fp .col-sm-4{ 
width: 99%  
}

#content-fp h2, #content-fp h1{ 
margin-top: 30px
}

.newsletter {
height:100px;
margin:0
}

#blue-b p {
padding: 10px 0 !important;
}

#blue-b img {
max-width:250px;
text-align:center !important
}




}

@media only screen and (max-width:48em) { 

#blue-b p {
padding: 10px 0 !important;
}

#blue-b img {
max-width:250px;
text-align:center !important
}

.newsletter {
height:140px;
margin:0;
padding-top: 10px
}

#vimeohero {
height: 40vh !important;
margin:0;
}

#vimeohero iframe {
min-height: 150%;
min-width: 150%;

}

button{
margin-bottom:5px !important;
}

#blue-b p {
padding: 10px 0 !important;
}




}

@media only screen and (max-width:46em) { 
.rosary blockquote{
font-size: 25px !important;
padding: 30px 10px 10px 10px;
text-align:center;
max-width:50%;
position: relative;
left: 45%
}

}


@media only screen and (max-width:41.875em) { 

section{
margin-top: -20px
}

#book,#author {
padding: 5vh 20px 4vh 20px;
}

.round{
margin: 0 auto 0 auto
}

.rosary blockquote{
font-size: 25px !important;
padding: 30px 10px 10px 10px;
text-align:center;
max-width:50%;
position: relative;
left: 45%
}

}



@media only screen and (max-width:30em) { 

.help {
margin-top: 20px;
margin-bottom:20px;
text-align:center
}

.purple {
text-align: center
}

.newsletter {
height:160px;
margin:0;
padding-top: 10px
}

#vimeohero {
height: 30vh !important;
margin:0;
}

#vimeohero iframe {
min-height: 140%;
min-width: 140%;

}


.centered  h2{
font-size: 16px !important
}

.centered {
width:98%;
text-align:center
}

#logo-main{
max-width:100px !important;
}

.site-branding{
max-width:100px !important;
padding: 6px 6px 0 40px;
}

}

@media only screen and (max-width:26em) { 
.small-t h3{
font-size: 16px !important
}

.centered  h2{
font-size: 16px !important
}
.rosary blockquote{
font-size: 25px !important;
text-align:left;
max-width:250px;
position: relative;
left: 50%
}

.rosary {
font-size: 25px !important;
}

#vimeohero {
height: 28vh !important;
margin:0;
}

#vimeohero iframe {
min-height: 150%;
min-width: 150%;

}

}

@media only screen and (max-width:23.75em) { 

.rosary blockquote{
font-size: 22px !important;
max-width:220px;
positrion:relative;
left: 160px
}

#vimeohero {
height: 27vh !important;
margin:0;
}

.rosary {
font-size: 18px !important;
}

.newsletter {
height:180px;
}



}

@media only screen and (max-width:22.5em) { 
.rosary blockquote{
font-size: 20px !important;
left: 170px
}

.rosary {
font-size: 20px !important;
}
}

@media only screen and (max-width:20em) { 

.rosary blockquote{
font-size: 15px !important;
left: 160px;
max-width:180px;
}

.rosary {
font-size: 15px !important;
}

#vimeohero {
height: 38vh !important;
margin:0;
}

#vimeohero iframe {
min-height: 180%;
min-width: 180%;

}

.newsletter {
height:200px;
}


}