/* Theme Name: AfroLatino 1. >>> Headr Style 2. >>> Home Banner Style 3. >>> Home Digital Archive Style 4. >>> Home About Style 5. >>> Home Programming Style 6. >>> Home Conversemos Afro Style 7. >>> Home Publications Style 8. >>> Home Cimarron News Style */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ----------------------------------------------------------------*/ html {font-size: 62.5%; line-height: 62.5%; font-family: 'Muli', sans-serif;} body {font-family: 'Muli', sans-serif;color: #422F28; font-size: 16px; line-height: 27px;overflow-x: hidden;} a,a:focus {color: #19BEE5} a,a:hover,a:focus,i,input,button,input:focus,.transition1 {text-decoration: none;outline: none;transition-delay: 0s;transition-duration: 0.4s;transition-property: all;transition-timing-function: ease;box-shadow: none;} iframe {border: 0;outline: none;} ::-moz-selection {background: #422F28;text-shadow: none;color: #FFF} ::selection {background: #422F28;text-shadow: none;color: #FFF} img {max-width: 100%;border: none;outline: none;height: auto;} input,textarea {border-radius: 0;resize: none;} ul {padding: 0;margin: 0;} @font-face { font-family: 'Muli', sans-serif; font-family: 'Playfair Display', serif; font-family: 'Quattrocento', serif; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background-color: transparent;background-image: none;color:#909698;} /* 1.2 Typography */ h1,h2,h3,h4,h5,h6 {font-family: 'Quattrocento', serif;} figure{ margin: 0 } .slick-slide:focus{ outline: none; border: none; } .for_desk_mob{ display: none; } .all_page_wrapper{ background-color: #FFF } .mobile_navigation ul{ display: none; } /*----------------------------------------------------------------- 1. >>> Headr Style ----------------------------------------------------------------*/ .site-header{ padding-top: 16px; padding-left: 21px; padding-right: 26px; padding-bottom: 24px; position: fixed;z-index: 6;width: 100%; top: 0; left: 0; right: 0; transition-delay: 0s;transition-duration: 0.4s;transition-property: all;transition-timing-function: ease; -webkit-transition: background-color 1000ms linear; -moz-transition: background-color 1000ms linear; -o-transition: background-color 1000ms linear; -ms-transition: background-color 1000ms linear; transition: background-color 1000ms linear; } .site-header.sticky{ /*background-color: rgba(229,203,150,0.5);*/background-color: rgba(255,255,255,0.5); background-image: url(../images/archive_partern.png); background-repeat: repeat; padding-bottom: 16px;} .header_left{ float: left; } .header_right{ float: right; text-align: right; } .main_logo{ display: inline-block; max-width: 153px } .header_right_top .button{ display: inline-block; background-color:#422F28; color: #FFF;font-size: 14px; font-size: 1.4rem;font-family: 'Quattrocento', serif; line-height: 32px;padding: 0 23px; font-weight: 400; -webkit-border-top-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-topright: 20px; -moz-border-radius-bottomleft: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; } .header_right_top .button:hover{ background-color: #d99b36; color: #FFF } .header_right_top_search div.asl_w .probox div.prosettings{background-color:#FFE9C0!important; background-image:none !important;background-image: none !important;} .header_right_top_search #ajaxsearchlite1 .probox, .header_right_top_search div.asl_w .probox{background-color:#FFE9C0!important; background-image:none !important;background-image: none !important;} .header_right_top_search{ display: inline-block; vertical-align: top; width: 50%; position: relative;margin-right: 14px; } .search_button{ position: absolute; right: 0;background-color: #FFE9C0; padding: 0; margin: 0; width: 36px; height: 34px; color: #422F28; text-align: center; line-height: 34px; cursor: pointer;border-radius: 100px; font-size: 17px; z-index: 9999; border: none; outline: none;top: 0; } .header_right_top_search div[id*='ajaxsearchlite'].wpdreams_asl_container{position: absolute; right: 0; top: 0; width: 0; transition-delay: 0s; transition-duration: 0.4s; transition-property: all; transition-timing-function: ease; } .header_right_top_search div[id*='ajaxsearchlite'].wpdreams_asl_container.width{ width: 100% } .header_right_top_search #ajaxsearchlite1 .probox .proinput input, .header_right_top_search div.asl_w .probox .proinput input{ color:#422F28 !important; opacity: 1 } .header_right_top_search #ajaxsearchlite1 .probox .proinput input, .header_right_top_search div.asl_w .probox .proinput input::-webkit-input-placeholder { color:#422F28 !important; opacity: 1} .header_right_top_search #ajaxsearchlite1 .probox .proinput input, .header_right_top_search div.asl_w .probox .proinput input::-moz-placeholder {color:#422F28 !important; opacity: 1} .header_right_top_search #ajaxsearchlite1 .probox .proinput input, .header_right_top_search div.asl_w .probox .proinput input:-ms-input-placeholder {color:#422F28 !important; opacity: 1} .header_right_top_search #ajaxsearchlite1 .probox .proinput input, .header_right_top_search div.asl_w .probox .proinput input:-moz-placeholder {color:#422F28 !important; opacity: 1} .header_right_top_search div.asl_w .probox .promagnifier{ display: none; } .header_right_top_search #ajaxsearchlite1 .probox, div.asl_w .probox{background-color:#FFE9C0; background-image:none !important;background-image: none !important; border-radius: 100px; } body div.asl_r.vertical{background-color:#FFE9C0 !important;} body div.asl_r .results .item .asl_content h3, body div.asl_r .results .item .asl_content h3 a{ font-weight: 700; font-size: 16px; color: #422F28;font-family: 'Quattrocento', serif; } body div.asl_r .results .item .asl_content h3 a:hover{font-weight: 700; font-size: 16px; color: #422F28;font-family: 'Quattrocento', serif;} .header_right_top_search div.asl_w{background-color:#FFE9C0; background-image:none !important;background-image: none !important; border-radius: 100px;} .menu_navigation{ padding-top: 12px } .menu_navigation ul{ list-style: none; padding: 0; margin: 0 } .menu_navigation ul li{ display: inline-block; vertical-align: middle;font-family: 'Quattrocento', serif; font-size: 17px; font-size: 1.7rem; font-weight: 700; position: relative; margin-left: 39px } .menu_navigation ul li:first-child{ margin-left: 0 } .menu_navigation ul li a{color: #422F28;} .menu_navigation ul li:hover a,.menu_navigation ul li.current-menu-item a{color: #d99b36;} /*----------------------------------------------------------------- . >>> Headr Inner Style ----------------------------------------------------------------*/ .header_inner_page{ background-color: #E5CB96; padding-bottom: 102px; background-image: url(../images/archive_partern.png); background-repeat: repeat; -webkit-border-bottom-left-radius: 133px; -moz-border-radius-bottomleft: 133px; border-bottom-left-radius: 133px; } .page_title_section{ text-align: center; padding-top: 27px; } .page_title_section h1{ color: #FFF;font-size: 60px; line-height: 72px; font-weight: 700; } .page_title_section h1 span{font-family: 'Playfair Display', serif;font-size: 40px;color: #422F28; font-style: italic;} /*.page_title_section .custome_page_title h1 span{font-family: 'Quattrocento', serif;color: #FFF;}*/ .page_title_section .defalt_page_title h1{font-family: 'Playfair Display', serif; font-weight: 700; font-size: 40px;line-height: 72px;color: #422F28; font-style: italic;} .page_title_section .defalt_page_title h1 span{font-family: 'Quattrocento', serif;color: #FFF; font-size: 60px; font-style: normal;} .content_section_header{ width: 100%; max-width: 968px; margin: 0 auto; display: block; text-align: center; padding-top: 23px } .content_section_header p{color: #422F28; font-size: 16px; line-height: 27px} /*----------------------------------------------------------------- 2. >>> Home Banner Style ----------------------------------------------------------------*/ .home_banner_section{ width: 100%; max-width: 1236px; margin: 0 auto; display: block; } .home_banner_slider_loop{ display: none; outline: none; border: none; } .home_banner_slider_loop:first-child{ display: block; } .banner_content_section{ float: left; width: 100%; max-width: 596px; padding-top: 211px; padding-left: 47px } .banner_image_section{ float: right; } .slider_title{color: #422F28;font-family: 'Playfair Display', serif;font-size: 40px; font-size: 4rem; line-height: 42px; font-style: italic; font-weight: 700;text-transform: capitalize; padding-bottom: 2px} .slider_sub_title{color: #D89B35;font-family: 'Quattrocento', serif;font-size: 60px; font-size: 6rem; line-height: 62px; font-weight: 700; padding-bottom: 9px} .slider_content{width: 100%;max-width: 322px; padding-bottom: 44px} .slider_content p{color: #422F28; font-size: 16px; font-size: 1.6rem; line-height: 27px;} .slider_button a{ display: inline-block; color: #FFF; background-color: #D89B35;font-size: 18px; font-size: 1.8rem;font-family: 'Quattrocento', serif; padding: 0 43px; line-height: 60px; font-weight: 700; -webkit-border-top-right-radius:30px; -webkit-border-bottom-left-radius:30px; -moz-border-radius-topright:30px; -moz-border-radius-bottomleft:30px; border-top-right-radius:30px; border-bottom-left-radius:30px; } .slider_button a:hover{background-color:#422F28; color: #FFF;} .slider_title{animation:fadeOutRight 1s both;} .slider_content{animation:fadeOutLeft 1s both;} .slider_button,.slider_sub_title{ animation:fadeOutUp 1s both;} .home_banner_slider_loop.slick-active .slider_title{animation:fadeInDown 1s both 1s;} .home_banner_slider_loop.slick-active .slider_sub_title{animation:fadeInUp 1s both 1.3s;} .home_banner_slider_loop.slick-active .slider_content{animation:fadeInLeft 1s both 1.5s;} .home_banner_slider_loop.slick-active .slider_button{animation:fadeInUp 1s both 1.9s;} .home_banner_section .slick-dots{ list-style: none; padding: 0; margin: 0; position: absolute; top: 40%; left: 0; } .home_banner_section .slick-dots button{ display: none; } .home_banner_section .slick-dots li{ border-radius: 100%; width: 11px; height: 11px; background-color: #e1e1e1; cursor: pointer; margin-bottom: 8px } .home_banner_section .slick-dots li.slick-active{ background-color: #ffe9c0 } /*----------------------------------------------------------------- 3. >>> Home Digital Archive Style ----------------------------------------------------------------*/ .home_digital_archive_wrapper{ background-image: url(../images/home_dg_arc_bg.jpg); background-repeat: no-repeat; background-position: 0 0; background-size:100%;padding-top: 82px;padding-bottom: 225px; } .home_digital_archive_section{ background-color: #E5CB96; background-image: url(../images/archive_partern.png); background-repeat: repeat; background-position: 0 0; overflow: hidden;padding-top: 84px; padding-left: 60px; padding-right: 45px; padding-bottom: 68px; -webkit-border-top-right-radius: 182px; -webkit-border-bottom-left-radius: 133px; -moz-border-radius-topright: 182px; -moz-border-radius-bottomleft: 133px; border-top-right-radius: 182px; border-bottom-left-radius: 133px; } .home_digital_archive_section .heading{font-family: 'Playfair Display', serif;color: #422F28;font-style: italic; font-weight: 700; font-size: 40px; line-height: 62px; float: left;} .home_digital_archive_section .heading span{font-family: 'Quattrocento', serif;color: #FFF; font-size: 60px;font-style: normal;} .buuton-page{ float: right; display: inline-block;width: 57px;height: 49px;border-radius: 10px; background-color: #462B22; font-size: 25px; line-height: 49px; text-align: center; color: #FFF; margin-right: 80px } .buuton-page:hover{ background-color: #d99b36; color: #FFF } .home_digital_archive_slider_section{ padding-top: 53px } .home_digital_archive_slider{margin-right: -15px; margin-left: -15px} .home_digital_archive_slider_loop{ width: 100%; max-width:33.33333333%; float: left;padding-right:15px; padding-left: 15px; display: none; } .home_digital_archive_slider_loop:nth-child(1),.home_digital_archive_slider_loop:nth-child(2),.home_digital_archive_slider_loop:nth-child(3){ display: block; } .home_digital_archive_slider_loop figure{box-shadow:0px 16px 16px rgba(66, 47, 40, 0.40); background-color: #FFF; padding: 17px; overflow: hidden; margin-bottom: 36px; -webkit-border-top-left-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-bottomright: 30px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;} .home_digital_archive_slider_loop figure img{ overflow: hidden; -webkit-border-top-left-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-bottomright: 30px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;} .home_digital_archive_slider_loop .title{color: #422F28; font-size: 22px; line-height: 30px; font-weight: 700; padding-bottom: 26px} .home_digital_archive_slider_loop .title a{color: #422F28;} .home_digital_archive_slider_loop .title a:hover{color: #d99b36;} .home_digital_archive_slider_loop .button{ font-size: 24px; font-size: 2.4rem; color: #000000 } .home_digital_archive_slider_loop .button:hover{color: #d99b36;} .slider_arrow_section{ text-align: right; padding-top: 35px } .slider_arrow_section div{ display: inline-block; vertical-align: middle; border: 2px solid #000000; color: #000000; border-radius: 100%; width: 63px; height: 63px; text-align: center; line-height: 60px; font-size: 16px;cursor: pointer;transition-delay: 0s;transition-duration: 0.4s;transition-property: all;transition-timing-function: ease; margin-left: 4px } .slider_arrow_section div.prev{ margin-left: 0 } .slider_arrow_section div:hover{ color: #FFF; border-color: #c38b38; background-color: #c38b38 } /*----------------------------------------------------------------- 4. >>> Home About Style ----------------------------------------------------------------*/ .home_about_section_wrapper{ margin-top: -60px } .home_about_section_wrapper figure{margin-left: -54px;margin-top: -82px;} .home_about_section_wrapper section{ padding-left: 70px;margin-top: -3px; } .home_about_section_wrapper section h1{color: #C28C3A; font-size: 60px; line-height: 62px; font-weight: 700; padding-bottom: 9px; margin-top: 0} .home_about_section_wrapper section h1 span{font-family: 'Playfair Display', serif;color: #422F28;font-size: 40px; font-style: italic; display: block; padding-bottom: 9px} .home_about_section_wrapper section p{color: #422F28; font-size: 16px; line-height: 27px;padding-bottom: 16px;} .home_about_section_wrapper section p a{ display: inline-block;color: #D89B35;font-family: 'Quattrocento', serif;font-size: 18px; font-weight: 700;border: 2px solid #D89B35; line-height: 54px; padding: 0 53px; margin-top: 55px; -webkit-border-top-right-radius: 30px; -webkit-border-bottom-left-radius: 30px; -moz-border-radius-topright: 30px; -moz-border-radius-bottomleft: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 30px; } .home_about_section_wrapper section p a:hover{background-color:#422F28; color: #FFF; border-color: #422F28} /*----------------------------------------------------------------- 5. >>> Home Programming Style ----------------------------------------------------------------*/ .home_programming_section_wrapper{ background-image: url(../images/home_programming_bg.jpg); background-repeat: no-repeat; background-position: 0 bottom; background-size: 100%;padding-bottom: 253px;padding-top: 121px; } .home_programming_listing_loop{ background-color:#080808; width: 100%; max-width: 300px;height: 461px; position: relative; overflow: hidden; float: left; margin-right: 50px;box-shadow: 3px 3px 34px rgba(66, 47, 40, 0.2); -webkit-border-top-left-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-bottomright: 30px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; } .home_programming_listing_loop:last-child{ margin-right: 0 } .home_programming_listing_loop figure{ width: 100%; height: 100%; display: block; position: relative; } .home_programming_listing_loop figure img{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .home_programming_listing_loop .button{ display: inline-block;width: 61px;height: 53px; text-align: center; line-height: 53px; font-size: 14px; color: #FFF; background-color:#D89B35; position: absolute; right: 0; bottom: 0; -webkit-border-top-left-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-bottomright: 30px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; } .home_programming_listing_loop .button:hover{ background-color:#422F28; color: #FFF } .home_programming_section_wrapper section{ padding-left: 57px } .home_programming_section_wrapper section h2{ margin-top: 0;color: #C28C3A; font-weight: 700;font-size: 60px; line-height: 72px; padding-bottom: 13px } .home_programming_section_wrapper section h2 span{font-family: 'Playfair Display', serif;color: #422F28;font-size: 40px; font-style: italic; display: block;} .home_programming_section_wrapper section p{font-size: 16px; line-height: 27px;color: #422F28;} .home_programming_section_wrapper section p a{ display: inline-block; line-height: 54px; border: 2px solid #D89B35;color: #D89B35; font-size: 18px;font-family: 'Quattrocento', serif; font-weight: 700; padding: 0 66px; margin-top: 32px; -webkit-border-top-right-radius: 30px; -webkit-border-bottom-left-radius: 30px; -moz-border-radius-topright: 30px; -moz-border-radius-bottomleft: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 30px; } .home_programming_section_wrapper section p a:hover{background-color:#422F28; color: #FFF; border-color: #422F28} /*----------------------------------------------------------------- 6. >>> Home Conversemos Afro Style ----------------------------------------------------------------*/ .home_conversemos_afro_news_wrapper{ background-repeat: no-repeat; background-position: 0 0; background-size:cover; position: relative;padding-bottom: 126px; } .home_conversemos_afro_news_wrapper:before{ content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.9); } .home_conversemos_afro_news_wrapper .container_wrapper{ position: relative; z-index: 1 } .container_wrapper section{ float: right;width: 100%;max-width: 300px; padding-top: 42px } .container_wrapper section h2{ color: #FFF;font-style: italic;font-family: 'Playfair Display', serif;font-size: 40px; line-height: 62px; font-weight: 700; padding-bottom: 68px } .container_wrapper section h2 span{ display: block;color: #C28C3A; font-size: 60px;font-family: 'Quattrocento', serif;font-style: normal; } .container_wrapper section p{color: #FFFFFF; font-size: 16px; line-height: 27px;} .home_conversemos_afro_slider_wrapper{ margin-top: -90px } .home_conversemos_afro_slider_wrapper_inner{ overflow: hidden; } .home_conversemos_afro_slider { margin-left: -28px; margin-right: -28px } .home_conversemos_afro_slider_loop{ position: relative; float: left;padding-left: 28px;padding-right: 28px; } .home_conversemos_afro_slider_loop figure{ overflow: hidden; -webkit-border-top-left-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-bottomright: 30px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; } .home_conversemos_afro_slider_loop figure img{ -webkit-border-top-left-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-bottomright: 30px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; } .conversemos_afro_post_title{ background-color: #FFF;color: #000000; font-size: 25px; line-height: 32px; display: inline-block; padding-top: 29px; padding-bottom: 29px; padding-left: 27px; padding-right: 27px;font-family: 'Quattrocento', serif; font-weight: 700;width: 100%;max-width: 301px;margin-top: -55px; transform: translatex(211px); -webkit-border-top-right-radius: 30px; -webkit-border-bottom-left-radius: 30px; -moz-border-radius-topright: 30px; -moz-border-radius-bottomleft: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 30px; } .conversemos_afro_post_title a{color: #000000;} .conversemos_afro_post_title a:hover{color: #C28C3A;} .home_conversemos_afro_news_wrapper .slider_arrow_section{ text-align: left;margin-left: -150px;margin-top: -40px; padding-top: 0 } .home_conversemos_afro_news_wrapper .slider_arrow_section div{ border-color: #FFF; color: #FFF } .home_conversemos_afro_news_wrapper .slider_arrow_section div:hover{ border-color:#c38b38 } /*----------------------------------------------------------------- 7. >>> Home Publications Style ----------------------------------------------------------------*/ .home_publications_news_wrapper{ padding-top: 135px; background-image: url(../images/home_publications_news_bg.png); background-repeat: no-repeat; background-position:0 242px } .home_publications_news_wrapper section h2{ margin: 0;color: #422F28; font-size: 40px; line-height: 42px; font-weight:700; } .home_publications_news_wrapper section p{color: #422F28; font-size: 16px; line-height: 27px;} .home_publications_news_list_wrapper { padding-top: 51px;padding-bottom: 20px } .home_publications_news_list .news-loop-one .home_publications_post_loop{ min-height: 787px; position: relative; overflow: hidden; -webkit-border-top-left-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-bottomright: 30px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; } .home_publications_news_list .news-loop-one .home_publications_post_loop img{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover;opacity: 0.60; } .home_publications_news_list .news-loop-two .home_publications_post_loop{min-height: 371px; position: relative; overflow: hidden; -webkit-border-top-left-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-bottomright: 30px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;} .home_publications_news_list .news-loop-two .home_publications_post_loop img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover;opacity: 0.60; } .home_publications_post_loop{ background-color: #000; margin-bottom: 44px } .home_publications_news_list .news-loop-two .home_publications_post_loop:last-child{ -webkit-border-top-left-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-bottomright: 30px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; } .publications_post_title{ font-weight: 700;font-family: 'Quattrocento', serif; position: absolute; bottom: 0; } .publications_post_title a{ color: #FFF } .publications_post_title a:after{content: "\e90c";font-family: 'icomoon' !important;padding-left: 16px; display: inline; font-size: 16px; font-weight: 400} .publications_post_title a:hover{ color:#D89B35 } .home_publications_news_list .news-loop-one .publications_post_title{ font-size: 35px; line-height: 37px; padding-left: 36px; padding-bottom: 36px; padding-right: 36px } .home_publications_news_list .news-loop-two .publications_post_title{ font-size: 25px; line-height: 27px; padding-left: 18px; padding-bottom: 18px; padding-right: 18px; } .button_sec{ text-align: center; } .button_sec a{ display: inline-block;font-family: 'Quattrocento', serif; line-height: 58px; background-color: #d99b36; color: #FFF;font-size: 18px; font-weight: 700; background-color: #d99b36; padding: 0 68px;text-transform: capitalize; -webkit-border-top-right-radius: 30px; -webkit-border-bottom-left-radius: 30px; -moz-border-radius-topright: 30px; -moz-border-radius-bottomleft: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 30px; } .button_sec a:hover{ background-color: #422F28; color: #FFF } /*----------------------------------------------------------------- 8. >>> Home Cimarron News Style ----------------------------------------------------------------*/ .home_cimarron_news_wrapper{ padding-top: 95px; background-position: 0 290px; background-repeat: no-repeat; background-size: 100%;margin-bottom: 112px; } .home_cimarron_news_wrapper section{ text-align: center;width: 100%;max-width: 689px;display: block;margin: 0 auto; } .home_cimarron_news_wrapper section h2{font-family: 'Playfair Display', serif;color: #422F28;font-style: italic; font-weight: 700; line-height: 72px; font-size: 40px;} .home_cimarron_news_wrapper section h2 span{ display: block;font-family: 'Quattrocento', serif; font-style: normal;color: #C28C3A; font-size: 60px } .home_cimarron_news_wrapper section p{ font-size: 16px; line-height: 27px;color: #422F28; } .home_cimarron_news_cat_slider_wrapper{ width: 100%; max-width: 767px; margin: 0 auto; display: block; padding-top: 45px; padding-bottom: 66px } .home_cimarron_news_slider_loop{ overflow: hidden; position: relative; display: none; -webkit-border-top-left-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-bottomright: 30px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; } .home_cimarron_news_slider_loop:first-child{ display: block; } .home_cimarron_news_slider_loop img{ -webkit-border-top-left-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-bottomright: 30px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; } .cimarron_news_post_title{ position: absolute; right: 0; bottom: 0; background-color: rgba(216,155,53,0.8);font-size: 23px; line-height: 25px;font-family: 'Quattrocento', serif; font-weight: 700; display: inline-block; padding: 29px 24px;width: 100%; max-width: 409px; } .cimarron_news_post_title a{ color: #FFF } .cimarron_news_post_title a:hover{ color:#422F28 } .home_cimarron_news_cat_slider .slick-arrow{ position: absolute; top: 50%; background-color: #FFF; text-align: center; width: 67px; height: 43px; line-height: 43px; font-size: 0;border: 1px solid #D89B35; padding: 0; margin: 0; } .home_cimarron_news_cat_slider .slick-arrow:hover{ background-color: #d99b36; color: #FFF } .home_cimarron_news_cat_slider .slick-arrow:before{font-family: 'icomoon' !important; color: #D89B35; font-size: 14px; line-height: 40px;} .home_cimarron_news_cat_slider .slick-arrow:hover:before{ color:#FFF} .home_cimarron_news_cat_slider .slick-arrow.slick-prev:before{content: "\e90b";} .home_cimarron_news_cat_slider .slick-arrow.slick-next:before{content: "\e90a";} .home_cimarron_news_cat_slider .slick-arrow.slick-prev{ left:-107px; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .home_cimarron_news_cat_slider .slick-arrow.slick-next{ right:-107px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } /*----------------------------------------------------------------- >>> About Page Style ----------------------------------------------------------------*/ .members_mission_vision_bg_wrapper{ background-image: url(../images/about-member_missan_bg.jpg); background-repeat: no-repeat; background-position: center 520px; background-size: 100% } /*----------------------------------------------------------------- >>> Members Style ----------------------------------------------------------------*/ .members_tabname_lsit{ list-style: none; padding: 0; margin: 0 auto; display: block; width: 100%; max-width: 716px; background-color: #FFF;box-shadow: 16px 16px 45px rgba(66, 47, 40, 0.55); text-align: left; padding: 18px 27px;margin-top: -53px; -webkit-border-top-right-radius: 50px; -webkit-border-bottom-left-radius: 50px; -moz-border-radius-topright: 50px; -moz-border-radius-bottomleft: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; } .members_tabname_lsit li{ display: inline-block; vertical-align: middle; float: left; } .members_tabname_lsit li:last-child{ float: right; } .members_tabname_lsit li a{color: #422F28; font-size: 22px; line-height: 57px; font-weight: 700; padding: 0 47px; display: inline-block; -webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px;} .members_tabname_lsit li.active a,.members_tabname_lsit li:hover a{ background-color: #422f28; color: #FFF } .member_tabs_content_wrapper{ padding-top: 72px } .member_tab_content{ display: none; } .member_cat_name_des h2{ margin: 0;font-size:40px; line-height: 72px;color: #422F28;font-style: italic; font-weight: 700;font-family: 'Playfair Display', serif; padding-bottom: 20px } .member_cat_name_des h2 span{ display: block; font-size: 60px; font-style: normal;font-family: 'Quattrocento', serif;color: #C28C3A; } .member_cat_name_des p{ font-size: 16px; line-height: 27px;color: #422F28;} .member_post_section{ padding-top: 37px; } .member_post_loop{ overflow: hidden; position: relative; text-align: center; color: #FFF; margin-bottom: 37px; -webkit-border-top-left-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-bottomright: 30px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; } .member_post_loop section{ position: absolute; width: 100%; padding:25px 25px; background-color: rgba(216,155,53,0.85);bottom: -100%;transition-delay: 0s;transition-duration: 0.9s;transition-property: all;transition-timing-function: linear; } .member_post_loop:hover section{ bottom: 0 } .member_post_loop section h2{ margin: 0;font-size: 22px; line-height: 24px;font-family: 'Muli', sans-serif; font-weight: 700; padding-bottom: 11px; } .member_post_loop section p{ font-style: 14px; line-height: 22px; } .member_post_loop img,.member_post_loop figure{ -webkit-border-top-left-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-bottomright: 30px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; } .members_socil_link{ list-style: none; padding: 0; margin:0; padding-top: 4px } .members_socil_link li{ display: inline-block; vertical-align: middle; font-size: 20px; margin: 0 4px } .members_socil_link li a{ color: #FFF } .mission_vision_section{ padding-top: 45px;padding-bottom: 64px; } .mission_vision_section h2{color: #C28C3A; font-size: 60px; line-height: 72px; font-weight: 700; margin: 0} .mission_vision_section h2 span{ display: block;font-family: 'Playfair Display', serif; color: #422F28; font-style: italic; font-size: 40px } .mission_vision_section p{color: #422F28; font-size: 16px; line-height: 27px; padding-bottom: 16px} .mission_vision_section .content_section{ width: 100%; max-width: 389px;padding-top: 13px; } .mission_vision_section .content_section_two{ padding-left: 30px } /*----------------------------------------------------------------- >>> Our Partner Style ----------------------------------------------------------------*/ .our_partner_wrapper{ background-color: #f7f7f7; padding-top: 56px; -webkit-border-top-right-radius: 137px; -webkit-border-bottom-left-radius: 165px; -moz-border-radius-topright: 137px; -moz-border-radius-bottomleft: 165px; border-top-right-radius: 137px; border-bottom-left-radius: 165px; } .our_partner_wrapper h2{ text-align: center;color: #C28C3A;font-size: 60px; line-height: 72px; font-weight: 700; margin: 0 } .our_partner_wrapper h2 span{color: #422F28; font-size: 40px; font-style: italic;font-family: 'Playfair Display', serif;} .partner_logo_section{ width: 100%; max-width: 970px; margin: 0 auto; display: block; padding-top: 38px } .partner_logo_section ul{ list-style: none; padding: 0; margin: 0;text-align: center;margin-left: -15px;margin-right: -15px; } .partner_logo_section ul li{ display: inline-block; vertical-align: middle;filter: grayscale(100%);opacity: 0.6;width: 100%;max-width: 24.666%;padding: 0 15px; margin-bottom: 79px } /*----------------------------------------------------------------- >>> Featured in Style ----------------------------------------------------------------*/ .featured_in_logo_wrapper{ padding-top: 77px; padding-bottom: 115px } .featured_in_logo_wrapper h2{ margin: 0; text-align: center; font-size: 40px; line-height: 42px;color: #422F28; font-weight: 700 } .featured_logo_section{ width: 100%; max-width: 970px; margin: 0 auto; display: block; padding-top: 54px } .featured_logo_slider{ text-align: center;margin-left: -15px;margin-right: -15px; } .featured_logo_loop{display: inline-block; vertical-align: middle;filter: grayscale(100%);opacity: 0.6;width: 100%;max-width: 24.666%;padding: 0 15px; text-align: center;} .featured_logo_loop figure{ display: inline-block; } .featured_logo_slider .slick-arrow{ border: none; outline: none; cursor: pointer; width: 63px; height: 63px;border: 2px solid #000000; padding: 0; margin: 0; text-align: center; font-size: 0; background-color: #FFF; position: absolute; top:0; border-radius: 100%; z-index: 1 } .featured_logo_slider .slick-arrow.slick-prev{ left:-70px } .featured_logo_slider .slick-arrow.slick-next{ right:-70px } .featured_logo_slider .slick-arrow:before{ line-height: 60px; font-size: 16px; color: #000;font-family: 'icomoon' !important; } .featured_logo_slider .slick-arrow:hover{ background-color: #c38b38; border-color: #c38b38 } .featured_logo_slider .slick-arrow:hover:before{ color:#FFF} .featured_logo_slider .slick-arrow.slick-prev:before{content: "\e90b";} .featured_logo_slider .slick-arrow.slick-next:before{content: "\e90a";} /*----------------------------------------------------------------- >>> Digital Archive Style ----------------------------------------------------------------*/ .digital_archive_content_section{ padding-bottom: 204px } .digital_archive_wrapper_main{ margin-top:-319px; padding-bottom: 60px; } .digital-archive_wrapper_main{margin-top:0;} .digital_archive_cat_listing_section{ text-align: center; padding-top: 49px;padding-bottom:73px; } .digital_archive_cat_listing_section select {display: none; } .select_title{ display: inline-block;color: #422F28; font-size: 24px;font-family: 'Playfair Display', serif; font-weight: 700;font-style: italic; text-transform: capitalize; } .nice-select {-webkit-tap-highlight-color: transparent;background-color: transparent;box-sizing: border-box;clear: both;cursor: pointer; display: inline-block;font-family: 'Quattrocento', serif; color: #FFF; font-size:30px;font-weight: 700;height: 42px;line-height: 40px;outline: none;padding-left:10px; padding-right:55px;position: relative;text-align: left !important;transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; } .nice-select:after {border-bottom: 2px solid #FFF;border-right: 2px solid #FFF;content: '';display: block;height:11px;width: 11px; margin-top: -6px;pointer-events: none;position: absolute;right: 10px;top: 50%; -webkit-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: all 0.15s ease-in-out; } .nice-select.open:after { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .nice-select.open .list {opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .nice-select.disabled {border-color: #ededed;color: #999;pointer-events: none; } .nice-select.disabled:after {border-color: #cccccc; } .nice-select.wide { width: 100%; } .nice-select.wide .list {left: 0 !important;right: 0 !important; } .nice-select.right {float: right; } .nice-select.right .list {left: auto;right: 0; } .nice-select.small {font-size: 12px;height: 36px;line-height: 34px; } .nice-select.small:after {height: 4px;width: 4px; } .nice-select.small .option {line-height: 34px;min-height: 34px; } .nice-select .list {background-color: #FFF;overflow-y: scroll;height: 305px;box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);box-sizing: border-box;margin-top: 4px;opacity: 0;padding: 0;pointer-events: none;position: absolute;top: 100%;left: 0; color: #4b392f; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;z-index: 9; } .nice-select .list:hover .option:not(:hover) { background-color: transparent !important; } .nice-select .option {cursor: pointer;font-weight: 700;color: #4b392f;font-size: 15px;line-height: 40px;list-style: none;min-height: 40px;outline: none;padding-left:10px;padding-right: 55px;text-align: left;transition: all 0.2s; } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {background-color: #f6f6f6; } .select_dropdown:before{content: "";position: absolute;right: 0;bottom: -2px;left: 0;height: 1px;background-color: #fff;} .digital_archive_post_wrapper{margin: 0 auto; width: 100%; max-width: 1064px; } .digital_archive_post_listing{ margin-left: -15px; margin-right: -15px } .digital_archive_listing{ max-width:354px;display: inline-block; margin-bottom: 48px} .digital_archive_listing figure{box-shadow: 16px 16px 45px rgba(66, 47, 40, 0.55); } body .alm-btn-wrap .alm-load-more-btn{ background-color: #d99b36 !important;font-family: 'Quattrocento', serif; color: #FFF; height: 58px; line-height: 58px; padding: 0 59px; font-weight: 700; font-size: 18px; -webkit-border-top-right-radius: 30px; -webkit-border-bottom-left-radius: 30px; -moz-border-radius-topright: 30px; -moz-border-radius-bottomleft: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 30px; } body .alm-btn-wrap .alm-load-more-btn.done{ background-color: #422F28 !important} .digitalarchive_post_details{ padding-top: 22px } .digitalarchive_post_top_section{ text-align: center; width: 100%; max-width: 970px; margin: 0 auto; padding-bottom:48px } .digitalarchive_post_top_section section{ padding-bottom: 36px } .digitalarchive_post_top_section section h1{color: #422F28;font-style: italic; font-weight: 700;font-family: 'Playfair Display', serif; font-size: 40px; line-height: 72px; padding-bottom: 9px} .digitalarchive_post_top_section section h1 span{font-family: 'Quattrocento', serif;color: #C28C3A; font-size: 60px; font-style: normal;} .digitalarchive_post_top_section section p{font-size: 16px; line-height: 27px;color: #422F28;} .digitalarchive_post_top_section figure{ display: inline-block; overflow: hidden; -webkit-border-top-left-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-bottomright: 30px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; } .digitalarchive_post_top_section figure img{ -webkit-border-top-left-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-bottomright: 30px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; } .attachment_tabs_nav_sec{ background-color: #FFF; width: 100%; max-width: 934px; margin: 0 auto; display: block; overflow: hidden; box-shadow: 16px 16px 45px rgba(66, 47, 40, 0.55); padding:18px 26px; position: relative; -webkit-border-top-right-radius: 50px; -webkit-border-bottom-left-radius: 50px; -moz-border-radius-topright: 50px; -moz-border-radius-bottomleft: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px;} .attachment_tabs_nav_sec ul{ list-style: none; padding: 0; margin: 0;text-align: center; } .attachment_tabs_nav_sec ul li{ display: inline-block; vertical-align: middle; width: 100%; max-width: 33%; text-align: center; float: left; } .attachment_tabs_nav_sec ul li a{ display:block; line-height: 57px;color: #422F28; font-weight: 700;font-size: 22px; border-radius: 30px; } .attachment_tabs_nav_sec ul li a span{ font-size:34px; display: inline-block; padding-right: 19px; vertical-align: middle; } .attachment_tabs_nav_sec ul li.active a,.attachment_tabs_nav_sec ul li:hover a{ background-color: #422f28; color: #FFF } .attachment_file_tabs_content_wrapper{ background-color: #E5CB96; background-repeat: repeat; overflow: hidden; background-image: url(../images/archive_partern.png); padding:93px 145px; padding-bottom: 400px; margin-top:-32px; -webkit-border-radius: 133px; -webkit-border-bottom-left-radius: 0; -moz-border-radius: 133px; -moz-border-radius-bottomleft: 0; border-radius: 133px; border-bottom-left-radius: 0; } .attachment_file_tab_content{ display:block; background-color: #FFF; padding:80px; margin-bottom: 87px; box-shadow: 16px 16px 45px rgba(66, 47, 40, 0.55); -webkit-border-top-left-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-bottomright: 30px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; } .attachment_list{ border-bottom:1px solid #d8dfe5; padding-bottom: 17px; margin-bottom: 17px; } .attachment_list .icon,.attachment_list section{ float: left; } .attachment_list .icon a{ background-color: #f7f7f7; text-align: center; width: 90px; height: 93px; line-height: 93px; color: #EF4343; line-height: 93px; font-size: 30px; display: block; -webkit-border-top-left-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-bottomright: 30px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; } .attachment_list .icon a:hover{color: #FFF; background-color: #422f28} .attachment_list section{ width: 100%; max-width:600px; padding-left: 54px; } .attachment_list section h2{ margin: 0;color: #422F28; font-size: 22px; line-height: 24px;font-family: 'Muli', sans-serif; font-weight: 700; padding-bottom: 7px } .attachment_list section p{color: #422F28; font-size: 16px; line-height: 27px; margin: 0} .popup-block{ position: relative; width: 100%; max-width:600px; margin: 0 auto; display: block; background-color: #FFF; text-align: center; padding: 40px; -webkit-border-top-left-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-bottomright: 30px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; } .popup-block h2{ margin: 0;color: #422F28; font-size: 22px; line-height: 24px;font-family: 'Muli', sans-serif; font-weight: 700; padding-bottom: 10px;} .audio-popup-block video{ display: block;width: 100% !important; height: 60px; border: none; outline: none; } .video-popup-block iframe{ display: block; width:100% !important; border: none; outline: none; height: 315px } .related_archive_listing_wrapper{ width: 100%; max-width:1032px; margin: 0 auto;display: block; margin-top:-412px } .related_archive_heading h2{color: #422F28;font-style: italic; font-weight: 700;font-family: 'Playfair Display', serif; font-size: 40px; line-height: 72px; padding-bottom: 9px} .related_archive_heading h2 span{font-family: 'Quattrocento', serif;color: #C28C3A; font-size: 60px; font-style: normal;} .related_archive_listing_section{ margin-left: -15px; margin-right: -15px; } .post_wrapper section .addtoany_content{ display: none; } .share_widget_section{ position: relative; float: right; right: -20% ; width: 40px} .share_widget_section .widgets{ background-color: #e6cc99; width: 40px;padding-top: 18px; padding-bottom: 2px;} .share_widget_section .addtoany_list a, .share_widget_section .widget .addtoany_list a{ display: block;margin-bottom: 10px; } /*----------------------------------------------------------------- >>> Programming Page Style ----------------------------------------------------------------*/ .programming_page_wrapper_main{ padding-top: 107px; padding-bottom: 42px } .programming_listing_loop{ display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; width: 100%; margin-bottom: 50px; } .programming_div{ float: none; } .programming_listing_loop figure{height: 461px; width: 100%; position: relative; background-color: #080808;box-shadow: 3px 3px 34px rgba(66, 47, 40, 0.2); -webkit-border-top-right-radius: 30px; -webkit-border-bottom-left-radius: 30px; -moz-border-radius-topright: 30px; -moz-border-radius-bottomleft: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 30px;} .programming_listing_loop figure img{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .programming_listing_loop section{ padding-left: 63px } .programming_listing_loop section h2{color: #422F28; font-size: 35px; line-height: 37px; font-weight: 700; margin: 0; padding-bottom: 16px;} .programming_listing_loop section p{color: #422F28; font-size: 16px; line-height: 27px;} .programming_listing_loop section .button{ display: inline-block; padding: 0 56px; line-height: 58px;color: #D89B35; font-weight: 700; font-size: 18px;border: 2px solid #D89B35;font-family: 'Quattrocento', serif; text-transform: capitalize; margin-top: 4px; -webkit-border-top-right-radius: 30px; -webkit-border-bottom-left-radius: 30px; -moz-border-radius-topright: 30px; -moz-border-radius-bottomleft: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 30px; } .programming_listing_loop section .button:hover{ background-color:#422F28; border-color: #422F28; color: #FFF } .programming_listing_loop:nth-child(2n+2) .programming_div_content{ order: 1 } .programming_listing_loop:nth-child(2n+2) .programming_div_content section{ padding-left: 0; padding-right: 63px; } .programming_listing_loop:nth-child(2n+2) .programming_div_image{order: 2;} /*----------------------------------------------------------------- >>> Contact Page Style ----------------------------------------------------------------*/ .contact_content_section{ padding-bottom: 65px } .contact_page_section{ background-color: #FFF; padding: 90px 70px; margin-top: -101px; margin-bottom: 160px; box-shadow: 16px 16px 45px rgba(66, 47, 40, 0.55); -webkit-border-top-left-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-bottomright: 30px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; } .contact_page_section section h2{color: #422F28; font-weight: 700; font-size: 35px; line-height: 37px; margin: 0; padding-bottom: 22px} .contact_page_section section p{ padding-bottom: 29px } .contact_page_section section a{color: #422F28; font-size: 18px; font-weight: 700} .contact_page_section section a:hover{color: #D89B35;} .contact_page_section section a .icon-phoneicon{ display: inline-block; vertical-align: middle; font-size: 13px; color: #D89B35; padding-right: 14px } .social_menu_navigation_contact ul{ list-style: none; padding: 0; margin: 0;} .social_menu_navigation_contact li{ display: inline-block; vertical-align: middle; font-size: 18px; font-weight: 700; margin-right: 24px; } .social_menu_navigation_contact li a{color: #422F28;} .social_menu_navigation_contact li a:hover{color: #D89B35;} .social_menu_navigation_contact li:last-child{ display: none; margin-right: 0 } .contact_forms p{ margin: 0 } .contact_forms .form-group{ margin-bottom: 30px; } .contact_forms .form-control{ border: 1px solid #422f28; border-radius: 0; outline: none; box-shadow: none; height: 50px; padding: 0 20px;font-size: 14px; color: #908581;-webkit-appearance: none;appearance: none; resize: none; } .contact_forms .form-control::-webkit-input-placeholder{color:#908581;} .contact_forms .form-control::-moz-placeholder {color:#908581;} .contact_forms .form-control:-ms-input-placeholder {color:#908581;} .contact_forms .form-control:-moz-placeholder {color:#908581;} .contact_forms select.form-control{ background-image: url(../images/select_arrow.svg); background-repeat: no-repeat; background-position: 96% center; } .contact_forms textarea.form-control{ height: 118px; padding: 20px } .contact_forms input[type="submit"]{ display: inline-block; color: #FFF; line-height:58px;font-size: 18px; font-weight: 700;font-family: 'Quattrocento', serif; border: none; outline: none; padding: 0 60px; margin: 0; margin-top: 14px; background-color:#D89B35;; -webkit-border-top-right-radius: 30px; -webkit-border-bottom-left-radius: 30px; -moz-border-radius-topright: 30px; -moz-border-radius-bottomleft: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 30px; } .contact_forms input[type="submit"]:hover{ background-color:#422f28; color: #FFF; } .wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {color: rgba(166,66,66,1);background-color: #f2dede;border: 1px solid rgba(166,66,66,1);padding: 25px;} .wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {color: #4F8A10;background-color: #DFF2BF;border: 0;padding: 25px;} div.wpcf7 .ajax-loader {background-color:#FFF;border-radius:100%; display:inline-block; -webkit-animation:fusion-bounce-delay 1.4s infinite ease-in-out; animation:fusion-bounce-delay 1.4s infinite ease-in-out; -webkit-animation-fill-mode:both; animation-fill-mode:both; background-image: none } @-webkit-keyframes fusion-bounce-delay { 0%,100%,80% {-webkit-transform:scale(0)} 40% {-webkit-transform:scale(1)} } @keyframes fusion-bounce-delay { 0%,100%,80% {-webkit-transform:scale(0);transform:scale(0)} 40% {-webkit-transform:scale(1);transform:scale(1)} } div.wpcf7 .ajax-loader {width: 3em;height: 3em;color:transparent;font-size:10px; border-top:.5em solid rgba(0,0,0,.2); border-right:.5em solid rgba(0,0,0,.2); border-bottom:.5em solid #333; border-left:.5em solid rgba(0,0,0,.2); -webkit-animation:fusion-rotate .8s infinite linear; animation:fusion-rotate .8s infinite linear } @-webkit-keyframes fusion-rotate { 0% {-webkit-transform:rotate(0);transform:rotate(0)} 100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)} } @keyframes fusion-rotate { 0% {-webkit-transform:rotate(0);transform:rotate(0)} 100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)} } /*----------------------------------------------------------------- >>> Post Page Style ----------------------------------------------------------------*/ .archive_cat_content{ padding-bottom: 228px; } .archive_cat_listing{ text-align: center; } .archive_post_listing_wrapper{ padding-top: 89px; padding-bottom: 90px; } .archive_post_wrapper{margin-top: -270px;} .post_listing_loop{ background-color: #000000; overflow: hidden; position: relative; margin-bottom: 30px; -webkit-border-top-left-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-bottomright: 30px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; } .post_listing_loop figure{ opacity: 0.4 } .post_listing_loop .post_title{ position: absolute; width: 100%; bottom: 0; padding: 0 18px; padding-bottom: 22px } .post_listing_loop .post_title h2{ margin: 0;font-size: 25px; line-height: 30px; color: #FFF; font-weight: 700; min-height: 60px } .post_listing_loop .post_title h2 a{ color: #FFF } .post_listing_loop .post_title h2 a:after{content: "\e90c";font-family: 'icomoon' !important;padding-left: 16px;display: inline;font-size: 16px;font-weight: 400;} .post_listing_loop .post_title h2 a:hover{ color:#D89B35 } .nopost{ padding: 60px; text-align: center;font-family: 'Quattrocento', serif; font-weight: 700; font-size: 18px; line-height: 20px; color: #422F28 } .post_det_title_sec{ text-align: center; padding-top: 47px; padding-bottom: 338px } .post_det_title_sec h1{ margin: 0;font-family: 'Playfair Display', serif;font-size: 40px; line-height: 72px;color: #422F28; font-style: italic; font-weight: 700 } .post_det_title_sec h1 span{font-family: 'Quattrocento', serif; color: #FFF; font-style: normal; font-size: 60px;} .post_det_wrapper{ margin-top: -363px; padding-bottom: 178px; } .post_det_image{ text-align: center; } .post_det_image figure{ display: inline-block; overflow: hidden; background-color: #000000; -webkit-border-top-left-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-bottomright: 30px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; } .post_det_image figure img{ opacity: 0.4; -webkit-border-top-left-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-bottomright: 30px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; } .post_wrapper section{ width: 100%; max-width: 970px; margin: 0 auto; display: block; padding-top: 85px;padding-bottom: 21px; } .post_wrapper section p{ padding-bottom: 26px } .post_wrapper section p a{ color:#d99b36} .post_wrapper section p a:hover{ text-decoration:underline} .post_wrapper section blockquote{ width: 100%; max-width: 766px; margin: 0 auto; border-left:3px solid #422F28; padding-top: 0; padding-bottom: 0; margin-bottom: 38px; } .post_wrapper section blockquote p{color: #422F28; font-size: 20px; line-height: 32px; font-weight: 600; margin: 0; padding-bottom: 0} .post_wrapper{ border-bottom: 1px solid #e8e8e8 } .post_navigation{ padding-top: 67px; } .pagination-single-inner figure{ display: inline-block; overflow: hidden; background-color: #000000; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; border-top-left-radius: 10px; border-bottom-right-radius: 10px; } .pagination-single-inner figure img{ opacity: 0.4; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; border-top-left-radius: 10px; border-bottom-right-radius: 10px; } .pagination-single-inner .previous-post{ float: left; } .pagination-single-inner .next-post{ float: right; } .pagination-single-inner a span{transition-delay: 0s; transition-duration: 0.4s; transition-property: all; transition-timing-function: ease;} .post_nav_inner span.icon,.post_nav_inner figure,.post_nav_inner .title_sec{ float: left; } .pagination-single-inner .title{color: #422F28;font-family: 'Quattrocento', serif; font-size: 20px; font-weight: 700; display:block;} .pagination-single-inner .post_prv_next{ display: block;color: #422F28; font-size: 16px; } .pagination-single-inner a:hover .post_prv_next{color: #D89B35} .pagination-single-inner .previous-post .title_sec{ padding-left: 23px; padding-top: 16px; } .pagination-single-inner .next-post .title_sec{ padding-right: 23px; padding-top: 16px } .pagination-single-inner a:hover .title{color: #D89B35} .pagination-single-inner .icon{ font-size: 30px; line-height: 90px; display: inline-block; vertical-align: middle; color: #D89B35 } .pagination-single-inner a:hover .icon{color: #422F28;} .pagination-single-inner .icon-prv{ padding-right: 21px } .pagination-single-inner .icon-next{ padding-left: 21px } .pagination-single-inner .next-post .post_prv_next{ text-align: right; } /*----------------------------------------------------------------- >>> Footer Style ----------------------------------------------------------------*/ .footer_wrapper{ position: relative; width: 100%;padding-bottom: 50px; } .footer_wrapper:after{ content: ""; position: absolute; right: 0; top:-229px; background-image: url(../images/footer-right-bg.png); background-repeat: no-repeat; width: 258px; height:145%; } .footer_top_section_left{ float: right; width: 100%; max-width: 670px } .footer_top_section_right{ float: left;margin-left: -40px; } .footer_menu_section,.footer_donate_section{ float: left; width: 100% } .footer_menu_section{ max-width:370px;} .footer_donate_section{max-width:270px;} .footer_menu{ padding-top: 27px } .footer_menu h4{ margin: 0;color: #422F28; font-weight: 700; font-size: 30px; line-height: 32px; text-transform: capitalize; padding-bottom: 34px; } .footer_menu_navigation{ list-style: none; padding: 0; margin: 0;column-count:2;-webkit-column-count: 2;-moz-column-count: 2;column-width:160px; } .footer_menu_navigation li{font-weight: 600; font-size: 16px; line-height: 18px; margin-bottom: 23px} .footer_menu_navigation li a{color: #422F28;} .footer_menu_navigation li:hover a{color:#D89B35;} .footer_donate_link_section{ padding-top: 68px; padding-left: 41px } .footer_donate_link_section span{ display: block;color: #422F28;font-weight: 700; font-size: 18px; line-height: 20px;font-family: 'Quattrocento', serif; text-transform: capitalize; padding-bottom: 27px; } .footer_donate_link_section a{ display: inline-block; padding: 0 73px; line-height: 58px; border: 2px solid #d99b36 ;font-family: 'Quattrocento', serif;font-size: 18px; font-weight: 700; color: #d99b36; -webkit-border-top-right-radius: 30px; -webkit-border-bottom-left-radius: 30px; -moz-border-radius-topright: 30px; -moz-border-radius-bottomleft: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 30px;} .footer_donate_link_section a:hover{ color: #FFF; background-color: #422F28 } .footer_newslatter_section{ position: relative; z-index: 1; margin-top:-36px;background-image: url(../images/newslatter_bg.svg); background-repeat: no-repeat; background-position: 0 0; background-size: cover; width: 608px; height: 470px; padding-top: 160px; padding-left: 128px;padding-right: 145px; } /*.footer_newslatter_section:before{ content: ""; position: absolute; top: 0; left: 0; width:607px; height:448px; background-image: url(../images/newslatter_bg.svg); background-repeat: no-repeat; background-position: 0 0; background-size: cover; z-index: 1 }*/ .footer_newslatter_section .widgets{ position: relative; z-index: 1; } .footer_newslatter_section .widgets h4{font-size:30px; line-height: 40px; font-weight: 400;color: #422F28; text-transform: capitalize;padding-bottom: 11px;} .footer_newslatter_section .widgets h4 span{ display: block; font-size: 40px; font-weight: 700 } .footer_newslatter_section .widgets .button.ctct-button{ display: none; } .footer_newslatter_section .widgets input[type="email"]{ border: 1px solid #422F28; height: 50px; outline: none; padding: 0 20px;font-size: 14px; color: #7f746e;font-family: 'Muli', sans-serif;width: 100%; } .footer_newslatter_section .widgets form{ position: relative; } .footer_newslatter_section .widgets form .mc4wp-form-fields{position: relative;} .footer_newslatter_section .widgets form input[type="submit"]{ position: absolute; right: 0; top: 0; border: none; outline: none; cursor: pointer; background-repeat: no-repeat; background-position:center center; background-image: url(../images/button_news.svg); height: 100%; background-color: transparent; padding: 0; margin: 0;font-size: 0;width: 49px; } .footer_newslatter_section .widgets form input[type="submit"]:hover{background-image: url(../images/button_news_hover.svg);} .footer_newslatter_section .widgets .ctct-form-wrapper .ctct-form-field{ margin: 0 } .footer_mid_section{ padding-top: 74px; } .footer_logo_section{ float: left; } .footer_social_menu_section{ float: left;padding-left: 55px; } .footer_logo{ max-width: 139px; display: inline-block;filter: grayscale(100%); } .footer_social_menu_navigation ul{ list-style: none; padding: 0; margin: 0; padding-top: 30px } .footer_social_menu_navigation li{ display: inline-block; vertical-align: middle; font-size: 18px; line-height: 18px;font-weight: 700; margin-right: 24px } .footer_social_menu_navigation li:last-child{ margin-right: 0; margin-left: 58px } .footer_social_menu_navigation li a{color: #422F28;} .footer_social_menu_navigation li:hover a{color: #D89B35;} .footer_social_menu_navigation li a .icon-phoneicon{ display: inline-block; vertical-align: middle; font-size: 13px; color: #D89B35; padding-right: 9px } .copyright_sec{ text-align: left; float: left; } .development_by{ text-align: right; float: right;} .footer_bot_section{ position: relative; z-index: 1;padding-top: 7px; } .footer_bot_section span{ font-size: 12px; line-height: 12px;color: #422F28; display: inline-block; } .footer_bot_section span a{color: #D89B35;} .footer_bot_section span a:hover{ text-decoration: underline; } .footer_conditions_navigation{ text-align: center; list-style: none; padding: 0; margin: 0 } .footer_conditions_navigation li{ display: inline-block; vertical-align: middle;font-size: 12px; line-height: 12px;color: #422F28;border-right: 1px solid #422F28;padding-right: 11px;margin-right: 3px; } .footer_conditions_navigation li:last-child{ padding-right: 0; margin-right: 0; border-right: 0 } .footer_conditions_navigation li a{color: #422F28; display: inline-block;line-height: 12px;} .footer_conditions_navigation li:hover a,.footer_conditions_navigation li.current-menu-item a{color: #D89B35;} .formobile_on{ display: none; } /*----------------------------------------------------------------- >>> Thank You Page Style ----------------------------------------------------------------*/ .thank_you_wrapper_main{position: relative; width: 100%; height: 100%; background-image: url(../images/home_programming_bg.jpg); background-repeat: no-repeat; background-position: 0 0; background-size: cover; padding-bottom: 90px;} .thank_you_wrapper_main:before{ content: ""; position: absolute; width: 100%; height: 100%; background-color: rgba(229,203,150,0.5); } .thank_you_wrapper_main .container{ position: relative; z-index: 1; text-align: center; } .thank_you_section{ width:100%; max-width: 731px; margin: 0 auto; display: block; background-color: rgba(255,255,255,0.3); padding-bottom: 40px; padding-left: 0; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-bottomright: 30px; border-bottom-right-radius: 30px; } .thank_you_section_inner{ background-color: #FFF; width: 100%; max-width: 731px; margin-left: 40px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-bottomright: 30px; border-bottom-right-radius: 30px; } .thank_you_section_mid{ display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; width: 100%; min-height: 777px; } .thank_you_section section{ width: 100%; text-align: center; } .thank_you_logo{ display: inline-block; max-width: 244px; margin: 0 auto; padding-bottom: 125px } .thank_you_section section{ text-align: center; } .thank_you_section section h1{color: #422F28; margin: 0; font-size: 80px; line-height: 82px; font-weight: 700; padding-bottom: 22px} .thank_you_section section h1 span{ color: #C28C3A; } .thank_you_section section p{ margin: 0;color: #422F28; font-size: 24px; line-height: 26px; padding-bottom: 79px } /*----------------------------------------------------------------- >>> 404 Page Style ----------------------------------------------------------------*/ .error_page_wrapper{ display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; width: 100%;height: 100%;height: 100vh; } .error404-content{ width: 100% } .no_float{ height: 100%;height: 100vh; } .error_right_section_inner,.error_logo{ display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; width: 100%; height: 100%;} .error_main_logo{ text-align: right; width: 100%; padding-right: 84px } .error_main_logo a{ display: inline-block; } .right_section{background-color: #E5CB96; background-image: url(../images/archive_partern.png); background-repeat: repeat; color: #FFF; -webkit-border-bottom-left-radius: 133px; -moz-border-radius-bottomleft: 133px; border-bottom-left-radius: 133px;} .right_section section{ width: 100%; text-align: center; } .right_section section h1{ margin: 0;font-weight:700; font-size: 80px; line-height: 82px; color: #FFF; padding-bottom: 23px } .right_section section h1 span{ color: #422F28; } .right_section section p{color: #422F28; font-size: 24px; line-height: 26px; margin: 0; padding-bottom: 77px} .button_inner{ display: inline-block;color: #422F28; line-height: 58px;border: 2px solid #422F28; font-size: 18px; font-weight: 700;font-family: 'Quattrocento', serif; padding: 0 30px;color: #422F28; -webkit-border-top-right-radius: 30px; -webkit-border-bottom-left-radius: 30px; -moz-border-radius-topright: 30px; -moz-border-radius-bottomleft: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 30px; } .button_inner span{ font-size: 13px; display: inline-block; vertical-align: middle; padding-right: 14px } .button_inner:hover{ background-color: #422F28; color: #FFF } .defalt_content_wrapper{ background-color: #FFF; padding:40px; margin-top: -60px; margin-bottom: 160px; box-shadow: 16px 16px 45px rgba(66, 47, 40, 0.55); -webkit-border-top-left-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-bottomright: 30px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; } .defalt_content_wrapper p,.defalt_content_wrapper li{ padding-bottom: 10px } .defalt_content_wrapper ul,.defalt_content_wrapper ol{ margin-left:15px; } .defalt_content_wrapper p a{ color: #422F28; text-decoration: underline; } .heading_search{ text-align: center; padding-bottom: 30px } .heading_search h2{color: #422F28; font-weight: 700;font-size:40px; line-height:42px;} .heading_search h2 span{ color: #C28C3A; } .featured_logo_section .slick-slide{float: none;} .featured_logo_section .slick-initialized .slick-slide {display: inline-block;vertical-align: middle;}